diff --git a/futures.php b/futures.php
index 4da617a..28a82ad 100644
--- a/futures.php
+++ b/futures.php
@@ -63,7 +63,7 @@ $user_id = $_SESSION['user_id'] ?? null;
     .coin-icon { width: 22px; height: 22px; margin-right: 12px; border-radius: 50%; flex-shrink: 0; background: #2b3139; }
 
     .chart-header { padding: 8px 20px; display: flex; align-items: center; background: #161a1e; border-bottom: 1px solid #2b3139; flex-wrap: nowrap; gap: 20px; height: 50px; }
-    .chart-box { flex: 1; min-height: 400px; height: 400px; background: #0b0e11; border-bottom: 1px solid #2b3139; }
+    .chart-box { flex: 1; min-height: 350px; height: 350px; background: #0b0e11; border-bottom: 1px solid #2b3139; }
     @media (max-width: 991px) { .chart-box { min-height: 320px; height: 320px; } }
     
     .order-box { padding: 12px 20px; background: #161a1e; border-bottom: 1px solid #2b3139; }
@@ -98,6 +98,10 @@ $user_id = $_SESSION['user_id'] ?? null;
     .ob-bar { position: absolute; right: 0; top: 0; bottom: 0; opacity: 0.1; z-index: 0; }
     #mid-price { padding: 8px 15px; font-size: 16px; font-weight: 800; text-align: center; border-top: 1px solid #2b3139; border-bottom: 1px solid #2b3139; background: #161a1e; }
 
+    /* Adjusted for 20 rows of asks and bids */
+    #asks-list { height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-end; }
+    #bids-list { height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start; }
+
     /* Stats Item */
     .stats-item { display: flex; flex-direction: column; justify-content: center; }
     .stats-label { font-size: 10px; color: #848e9c; margin-bottom: 1px; white-space: nowrap; }
@@ -217,9 +221,9 @@ $user_id = $_SESSION['user_id'] ?? null;
 
     <div class="right-col d-none d-lg-flex">
         <div class="ob-header"><span><?php echo __('price'); ?></span><span><?php echo __('amount'); ?></span></div>
-        <div id="asks-list" style="flex: 1; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start;"></div>
+        <div id="asks-list" style="height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-end;"></div>
         <div id="mid-price">--</div>
-        <div id="bids-list" style="flex: 1; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start;"></div>
+        <div id="bids-list" style="height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start;"></div>
     </div>
 </div>
 
@@ -241,7 +245,7 @@ $user_id = $_SESSION['user_id'] ?? null;
     const pairs = ['BTCUSDT', 'ETHUSDT', 'BNBUSDT', 'SOLUSDT', 'XRPUSDT', 'ADAUSDT', 'DOGEUSDT', 'DOTUSDT', 'MATICUSDT', 'LTCUSDT', 'SHIBUSDT', 'TRXUSDT', 'AVAXUSDT', 'LINKUSDT', 'BCHUSDT', 'UNIUSDT', 'ETCUSDT', 'NEARUSDT', 'FILUSDT', 'ALGOUSDT', 'FTMUSDT', 'SANDUSDT', 'MANAUSDT', 'AXSUSDT', 'ATOMUSDT', 'HBARUSDT', 'ICPUSDT', 'VETUSDT'];
     const marketData = {}; let balances = {usdt: 0};
 
-    function getIcon(s) { 
+    function getIcon(s) {
         const symbol = s.replace('USDT', '').toLowerCase();
         return `https://assets.coincap.io/assets/icons/${symbol}@2x.png`;
     }
diff --git a/options.php b/options.php
index 2dfb98b..4e507eb 100644
--- a/options.php
+++ b/options.php
@@ -63,7 +63,7 @@ $user_id = $_SESSION['user_id'] ?? null;
     .coin-icon { width: 22px; height: 22px; margin-right: 12px; border-radius: 50%; flex-shrink: 0; background: #2b3139; }
 
     .chart-header { padding: 8px 20px; display: flex; align-items: center; background: #161a1e; border-bottom: 1px solid #2b3139; flex-wrap: nowrap; gap: 20px; height: 50px; }
-    .chart-box { flex: 1; min-height: 400px; height: 400px; background: #0b0e11; border-bottom: 1px solid #2b3139; }
+    .chart-box { flex: 1; min-height: 350px; height: 350px; background: #0b0e11; border-bottom: 1px solid #2b3139; }
     
     .record-tabs { display: flex; background: #161a1e; border-bottom: 1px solid #2b3139; padding: 0 15px; }
     .record-tab { padding: 10px 0; margin-right: 25px; font-size: 13px; color: #848e9c; cursor: pointer; position: relative; }
@@ -104,6 +104,10 @@ $user_id = $_SESSION['user_id'] ?? null;
     .ob-bg-sell { position: absolute; right: 0; top: 0; bottom: 0; background: rgba(246, 70, 93, 0.1); z-index: 0; }
     .ob-bg-buy { position: absolute; right: 0; top: 0; bottom: 0; background: rgba(14, 203, 129, 0.1); z-index: 0; }
 
+    /* Adjusted for 20 rows of asks and bids */
+    #ob-asks { height: 400px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; }
+    #ob-bids { height: 400px; display: flex; flex-direction: column; justify-content: flex-start; overflow: hidden; }
+
     /* Mobile Nav */
     .m-trade-nav { display: none; background: #161a1e; border-bottom: 1px solid #2b3139; position: sticky; top: 0; z-index: 100; }
     .m-trade-nav a { flex: 1; text-align: center; padding: 14px; font-size: 14px; color: #848e9c; text-decoration: none; border-bottom: 2px solid transparent; }
@@ -253,11 +257,11 @@ $user_id = $_SESSION['user_id'] ?? null;
     <div class="right-col d-none d-lg-flex">
         <div class="order-book-header"><?php echo __('order_book'); ?></div>
         <div style="padding: 10px 0; display: flex; flex-direction: column; flex: 1;">
-            <div id="ob-asks" style="display: flex; flex-direction: column; justify-content: flex-start; flex: 1;"></div>
+            <div id="ob-asks" style="height: 400px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden;"></div>
             <div style="padding: 10px; border-top: 1px solid #2b3139; border-bottom: 1px solid #2b3139; margin: 5px 0; text-align: center; background: #161a1e;">
                 <span id="ob-mid-price" style="font-size: 16px; font-weight: 800; color: #0ecb81;">--</span>
             </div>
-            <div id="ob-bids" style="display: flex; flex-direction: column; justify-content: flex-start; flex: 1;"></div>
+            <div id="ob-bids" style="height: 400px; display: flex; flex-direction: column; justify-content: flex-start; overflow: hidden;"></div>
         </div>
     </div>
 </div>
diff --git a/spot.php b/spot.php
index 959a82a..7ebe7e6 100644
--- a/spot.php
+++ b/spot.php
@@ -63,7 +63,7 @@ $user_id = $_SESSION['user_id'] ?? null;
     .coin-icon { width: 22px; height: 22px; margin-right: 12px; border-radius: 50%; flex-shrink: 0; background: #2b3139; }
 
     .chart-header { padding: 8px 20px; display: flex; align-items: center; background: #161a1e; border-bottom: 1px solid #2b3139; flex-wrap: nowrap; gap: 20px; height: 50px; }
-    .chart-box { flex: 1; min-height: 400px; height: 400px; background: #0b0e11; border-bottom: 1px solid #2b3139; }
+    .chart-box { flex: 1; min-height: 350px; height: 350px; background: #0b0e11; border-bottom: 1px solid #2b3139; }
     @media (max-width: 991px) { .chart-box { min-height: 320px; height: 320px; } }
     
     .order-box { padding: 12px 20px; background: #161a1e; border-bottom: 1px solid #2b3139; }
@@ -97,6 +97,10 @@ $user_id = $_SESSION['user_id'] ?? null;
     .ob-bar { position: absolute; right: 0; top: 0; bottom: 0; opacity: 0.1; z-index: 0; }
     #mid-price { padding: 8px 15px; font-size: 16px; font-weight: 800; text-align: center; border-top: 1px solid #2b3139; border-bottom: 1px solid #2b3139; background: #161a1e; }
 
+    /* Adjusted for 20 rows of asks and bids */
+    #asks-list { height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-end; }
+    #bids-list { height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start; }
+
     /* Stats Item */
     .stats-item { display: flex; flex-direction: column; justify-content: center; }
     .stats-label { font-size: 10px; color: #848e9c; margin-bottom: 1px; white-space: nowrap; }
@@ -234,9 +238,9 @@ $user_id = $_SESSION['user_id'] ?? null;
 
     <div class="right-col d-none d-lg-flex">
         <div class="ob-header"><span><?php echo __('price'); ?>(USDT)</span><span><?php echo __('amount'); ?>(BTC)</span></div>
-        <div id="asks-list" style="flex: 1; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start;"></div>
+        <div id="asks-list" style="height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-end;"></div>
         <div id="mid-price">--</div>
-        <div id="bids-list" style="flex: 1; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start;"></div>
+        <div id="bids-list" style="height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start;"></div>
     </div>
 </div>