qa

src/App.css

@@ -20,7 +20,7 @@
   width: 100%;
 }
 
-/* The container for the absolute positioning */
+/* App.css */
 .row {
   position: absolute;
   top: 0;
@@ -29,21 +29,21 @@
   padding: 0 1rem;
   box-sizing: border-box;
   border-bottom: 1px solid #2d3748;
+  height: 35px; /* Match your estimateSize in the virtualizer */
 }
 
-/* The actual grid that forces alignment */
 .row-inner {
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: 1fr 1fr; /* Exactly two equal columns */
   align-items: center;
   height: 100%;
 }
 
 .price-cell {
   text-align: right;
-  font-family: 'Courier New', Courier, monospace;
+  font-family: 'Courier New', Courier, monospace; /* Prevents text jumping */
+  font-variant-numeric: tabular-nums; /* Critical for financial data alignment */
 }
-
 /* Ensure the price text is right-aligned to match professional dashboards */
 .row .price {
   text-align: right;

src/App.tsx

@@ -35,6 +35,7 @@ export default function App() {
     </div>
   </div>
 ))}
+
 </div>
       </div>
     </div>