diff --git a/src/views/trade/components/order-book.vue b/src/views/trade/components/order-book.vue
index 2c99c2e..918fde9 100644
--- a/src/views/trade/components/order-book.vue
+++ b/src/views/trade/components/order-book.vue
@@ -58,7 +58,7 @@ function getDepthPercent(items?: Item["asks" | "bids"], index?: number) {
 
     <!-- 中间分隔 - 显示最新成交价 -->
     <div class="spread-section">
-      <div class="flex flex-col px-3 py-2">
+      <div class="flex flex-col py-2">
         <div class="text-lg font-semibold text-success-500">
           {{ latestPrice }}
         </div>
@@ -93,6 +93,7 @@ function getDepthPercent(items?: Item["asks" | "bids"], index?: number) {
 .order-book {
   font-size: 12px;
   user-select: none;
+  padding-left: 8px;
 }
 
 .asks-section,