From 5de27c250dffa80c217571d449c8e133dcfc6314 Mon Sep 17 00:00:00 2001
From: Mackie <iwan.mackie@gmail.com>
Date: Mon, 8 Jun 2026 08:34:23 +0800
Subject: [PATCH] qa

---
 src/App.css | 10 +++++-----
 src/App.tsx |  1 +
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/App.css b/src/App.css
index 9f8dd84..ef36a56 100644
--- a/src/App.css
+++ b/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;
diff --git a/src/App.tsx b/src/App.tsx
index fc4e4ef..fce5677 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -35,6 +35,7 @@ export default function App() {
     </div>
   </div>
 ))}
+
 </div>
       </div>
     </div>