diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/RightPanel/DispatchCommand.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/RightPanel/DispatchCommand.vue
index 5c457e0..722d8eb 100644
--- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/RightPanel/DispatchCommand.vue
+++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/RightPanel/DispatchCommand.vue
@@ -114,7 +114,8 @@ const getColumnName = (type) => {
       grid-template-columns: vw(50) 1fr 1fr 1fr vw(80);
       gap: vw(8);
       padding: vh(12) vw(16);
-      background: rgba(20, 53, 118, 0.5);
+      // background: rgba(20, 53, 118, 0.5);
+      background: rgba(6, 38, 62, 0.8);
       color: var(--text-white);
       font-size: fs(13);
       font-family: SourceHanSansCN-Medium, sans-serif;
@@ -127,8 +128,8 @@ const getColumnName = (type) => {
     }
 
     .table-body {
-      min-height: vh(205);
-      max-height: vh(205);
+      min-height: vh(170);
+      max-height: vh(170);
       overflow-y: auto;
 
       &::-webkit-scrollbar {
@@ -148,7 +149,8 @@ const getColumnName = (type) => {
         display: grid;
         grid-template-columns: vw(50) 1fr 1fr 1fr vw(80);
         gap: vw(8);
-        padding: vh(12) vw(16);
+        padding: vh(6) vw(16);
+        background: linear-gradient(to right, #163b60, #133147);
         color: var(--text-white);
         font-size: fs(12);
         font-family: SourceHanSansCN-Regular, sans-serif;
@@ -156,7 +158,7 @@ const getColumnName = (type) => {
         border-bottom: 1px solid rgba(28, 161, 255, 0.1);
 
         &:hover {
-          background: rgba(28, 161, 255, 0.1);
+          background: rgba(28, 161, 255, 0.15);
         }
 
         .col-index {