diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
index 2f8804c..86a325b 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
@@ -60,13 +60,17 @@ const closeTab = (tabId) => {
 .tab-page {
   display: flex;
   flex-direction: column;
-  width: 100%;
-  height: 100%;
-  background: #ffffff;
+  width: 300px;
+  height: 250px;
+  background: #5D6B99;
   border: 1px solid #c7d2ea;
   border-radius: 0;
   overflow: hidden;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
 }
 
 :root {
@@ -79,7 +83,7 @@ const closeTab = (tabId) => {
   display: flex;
   flex-wrap: nowrap;
   height: 28px;
-  background: #f0f0f0;
+  background: linear-gradient(to bottom, var(--vs-blue-top), var(--vs-blue-bottom));
   border-bottom: none;
   overflow-x: auto;
   overflow-y: hidden;
@@ -153,6 +157,7 @@ const closeTab = (tabId) => {
   overflow: hidden;
   border-top: 1px solid #c7d2ea;
   margin-top: -1px;
+  background: #ffffff;
 }
 
 .tab-panel {