diff --git a/frontend/src/renderer/src/views/Detection.vue b/frontend/src/renderer/src/views/Detection.vue
index 5b4ebadd..ca0b37f6 100644
--- a/frontend/src/renderer/src/views/Detection.vue
+++ b/frontend/src/renderer/src/views/Detection.vue
@@ -204,16 +204,16 @@
                   <div class="yline"></div>
                 </div>
                 <div
-                  style="display: flex;justify-content: center;margin-top: 8px;font-size: 18px;width: 470px;margin-left: -95px;">
-                  <div style="width: 215px;">
-                    <span>左足总压力</span>
-                    <span class="foot-container-paddingcolor">{{ footPressure.left_total
-                    }}%</span>
+                  style="display: flex;justify-content: center;margin-top: 8px;font-size: 18px;width: 470px;margin-left: -85px;">
+                  <div style="width: 215px;display: flex;align-items: center;">
+                    <div style="width:95px;">左足总压力</div>
+                    <div style="width:130px;" class="foot-container-paddingcolor">{{ footPressure.left_total
+                    }}%</div>
                   </div>
-                  <div class="foot-container-marginleft" style="width: 215px;">
-                    <span>右足总压力</span>
-                    <span class="foot-container-paddingcolor">{{ footPressure.right_total
-                    }}%</span>
+                  <div class="foot-container-marginleft" style="width: 215px;display: flex;align-items: center;">
+                    <div style="width:95px;">右足总压力</div>
+                    <div style="width:130px;" class="foot-container-paddingcolor">{{ footPressure.right_total
+                    }}%</div>
                   </div>
                 </div>
               </div>