diff --git a/frontend/src/renderer/src/views/Detection.vue b/frontend/src/renderer/src/views/Detection.vue
index fedbbf66..f0d0857d 100644
--- a/frontend/src/renderer/src/views/Detection.vue
+++ b/frontend/src/renderer/src/views/Detection.vue
@@ -137,8 +137,8 @@
               <div class="icon-box-text">历史数据</div>
             </div>
             <!-- 历史数据表格 -->
-            <div style="display: flex;justify-content: center;padding: 0px 10px;margin-top: 5px;">
-              <el-table :data="historyData" border style="width: 100%;overflow: auto;" :height="200" >
+            <div style="display: flex;justify-content: center;padding: 0px 10px;margin-top: 5px;height: 100%;">
+              <el-table :data="historyData" border style="width: 100%;overflow: auto;height: calc(100% - 280px);"  >
                 <el-table-column prop="id" label="ID" align="center" width="60" />
                 <el-table-column label="最大旋转角" align="center">
                   <el-table-column prop="rotLeft" label="左" min-width="60" align="center" />
@@ -196,7 +196,7 @@
                   <div class="yline"></div>
                 </div>
                 <div
-                  style="display: flex;justify-content: center;margin-top: 8px;font-size: 18px;width: 430px;margin-left: -20px;">
+                  style="display: flex;justify-content: center;margin-top: 8px;font-size: 18px;width: 430px;margin-left: -65px;">
                   <div>
                     <span>左足总压力</span>
                     <span class="foot-container-paddingcolor">{{ footPressure.left_total
@@ -238,7 +238,6 @@
                     <img src="@/assets/svg/u164.svg" alt="" srcset="" style="margin-right: 5px;">
                     基础信息
                   </div>
-
                 </div>
                 <el-icon class="edit-icon" style="width: 24px;height: 24px;font-size: 24px;">
                   <Edit />
@@ -982,7 +981,7 @@ function updateHistoryTable() {
       if (historyData.value) {
         historyData.value.push(newHistoryItem)
       }
-
+      historyData.value.sort((a, b) => b.id - a.id);
       console.log('📋 历史数据表格已更新')
     }
   } catch (error) {
@@ -2323,7 +2322,7 @@ onUnmounted(() => {
   display: flex;
   /* justify-content: center;
   box-sizing: border-box; */
-  padding-top: 20px;
+  padding-top: 15px;
   width: 100%;
   justify-content: space-between;
 }
@@ -2450,20 +2449,20 @@ onUnmounted(() => {
 
 .xline {
   position: absolute;
-  width: 400px;
+  width: 350px;
   /* height: 1px; */
   border-top: 1px dashed red;
   top: 50%;
-  left: -20px;
+  left: -25px;
 }
 
 .yline {
   position: absolute;
   /* width:1px; */
-  height: 400px;
+  height: 350px;
   /* height: 1px; */
   border-left: 1px dashed red;
-  top: -20px;
+  top: -25px;
   left: 50%;
 }
 
@@ -2519,6 +2518,9 @@ onUnmounted(() => {
   background-color: #282828 !important;
   border-right: 1px solid rgb(81, 81, 81) !important;
 }
+:deep(.el-scrollbar__wrap){
+  background: #282828 !important;
+}
 </style>
 <style>
 .dashboard-container.dashboard-container-home .el-table--border .el-table__inner-wrapper:after,