diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
index 65a57d8..bee4159 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
@@ -8,17 +8,21 @@
         :class="['tab-item', { 'active': activeTabIndex === index }]"
         @click="setActiveTab(index)"
       >
-        <div class="tab-title">{{ panel.title }}</div>
-        <button 
-          class="button-icon p-[2px] rounded hover:opacity-100 opacity-80"
-          @click.stop="closeTab(panel.id)"
-          aria-label="关闭"
-        >
-          <svg width="11" height="11" viewBox="0 0 11 11" aria-hidden="true">
-            <line x1="2" y1="2" x2="9" y2="9" stroke="#e6efff" stroke-width="1" />
-            <line x1="2" y1="9" x2="9" y2="2" stroke="#e6efff" stroke-width="1" />
-          </svg>
-        </button>
+        <div class="tab-title-container">
+          <div class="tab-title">{{ panel.title }}</div>
+        </div>
+        <div class="tab-buttons">
+          <button 
+            class="button-icon p-[2px] rounded hover:opacity-100 opacity-80"
+            @click.stop="closeTab(panel.id)"
+            aria-label="关闭"
+          >
+            <svg width="11" height="11" viewBox="0 0 11 11" aria-hidden="true">
+              <line x1="2" y1="2" x2="9" y2="9" stroke="#e6efff" stroke-width="1" />
+              <line x1="2" y1="9" x2="9" y2="2" stroke="#e6efff" stroke-width="1" />
+            </svg>
+          </button>
+        </div>
       </div>
       <div class="tab-placeholder"></div>
     </div>
@@ -116,6 +120,11 @@ const closeTab = (tabId) => {
   width: fit-content;
 }
 
+.tab-title-container {
+  display: flex;
+  align-items: center;
+}
+
 .tab-title {
   text-align: left;
   min-width: 0;
@@ -126,6 +135,11 @@ const closeTab = (tabId) => {
   margin-right: 8px;
 }
 
+.tab-buttons {
+  display: flex;
+  align-items: center;
+}
+
 .tab-item.active {
   background: #ffffff;
   border: 1px solid #c7d2ea;
@@ -146,7 +160,6 @@ const closeTab = (tabId) => {
 }
 
 .button-icon {
-  margin-right: -8px;
   background: transparent;
   border: none;
   cursor: pointer;