diff --git a/frontend/src/renderer/src/views/Detection.vue b/frontend/src/renderer/src/views/Detection.vue
index b98216c8..793a27bc 100644
--- a/frontend/src/renderer/src/views/Detection.vue
+++ b/frontend/src/renderer/src/views/Detection.vue
@@ -103,8 +103,8 @@
             <!--  头部姿态3D模型 -->
             <div class="body-header-bottombox" ref="imuHeaderRef">
               <div class="body-header-bottombox-left">
-                <div class="body-header-bottombox-lefttext" style="height: 20%;"></div>
-                <div class="body-header-bottombox-lefttext">
+                <div class="body-header-bottombox-lefttext" style="height: 25%;"></div>
+                <div class="body-header-bottombox-lefttext" >
                   <div class="currencytext1">左最大旋转角度</div>
                   <div class="currencytext2">{{
                     headPoseMaxValues.rotationLeftMax.toFixed(1) }}°</div>
@@ -114,7 +114,7 @@
                     <div class="currencytext1">倾斜角</div>
                     <div class="currencytext2">{{ headlist.tilt }}°</div>
                   </div>
-                  <div style="margin-top: 20px;">
+                  <div style="margin-top: 0px;">
                     <span>
                       <span class="currencytext4">左</span>
                       <span class="currencytext3">
@@ -142,8 +142,8 @@
                
               </div>
               <div class="body-header-bottombox-right">
-                <div class="body-header-bottombox-righttext" style="height: 20%;"></div>
-                <div class="body-header-bottombox-righttext">
+                <div class="body-header-bottombox-righttext" style="height: 25%;"></div>
+                <div class="body-header-bottombox-righttext" >
                   <div class="currencytext1">右最大旋转角度</div>
                   <div class="currencytext2">
                     {{ headPoseMaxValues.rotationRightMax.toFixed(1) }}°
@@ -154,7 +154,7 @@
                     <div class="currencytext1">俯仰角</div>
                     <div class="currencytext2">{{ headlist.pitch }}°</div>
                   </div>
-                  <div style="margin-top: 20px;">
+                  <div style="margin-top: 0px;">
                     <span>
                       <span class="currencytext4">俯</span>
                       <span class="currencytext3">
@@ -2756,7 +2756,7 @@ function viewClick(e){
   padding: 0 20px;
 }
 .body-header-bottombox-left{
-  width: 30%;
+  width: 25%;
   height: calc(100%);
   display: flex;
   flex-direction: column;
@@ -2768,14 +2768,14 @@ function viewClick(e){
   white-space:nowrap;
 }
 .body-header-bottombox-content{
-  width: 36%;
+  width: 40%;
   height: calc(100%);
   display: flex;
   flex-wrap: wrap;
   align-items:center;
 }
 .body-header-bottombox-right{
-  width: 30%;
+  width: 25%;
   height: calc(100%);
   display: flex;
   flex-direction: column;
@@ -3213,6 +3213,7 @@ function viewClick(e){
 .endbutton:hover {
   background-color: #14aaff;
   border:1px solid #14aaff;
+  color: #fff;
 }
 .pop-up-mask{
   position: fixed;