diff --git a/orion-ops-ui/src/views/host/terminal/components/layout/layout-header.vue b/orion-ops-ui/src/views/host/terminal/components/layout/layout-header.vue
index 71f090c2..c17a99b0 100644
--- a/orion-ops-ui/src/views/host/terminal/components/layout/layout-header.vue
+++ b/orion-ops-ui/src/views/host/terminal/components/layout/layout-header.vue
@@ -170,7 +170,6 @@
     margin: 0 !important;
     padding: 0 !important;
     color: var(--color-header-text-1);
-    background: var(--color-bg-header-tabs);
 
     &:hover {
       color: var(--color-header-text-2);
@@ -232,11 +231,10 @@
   }
 
   :deep(.arco-tabs-tab-active) {
-    background: var(--color-bg-header-tabs-active);
     color: var(--color-header-text-2) !important;
 
     .arco-tabs-tab-title {
-      background: var(--color-bg-header-tabs-active);
+      background: var(--color-bg-header-tabs-active) !important;
     }
 
     &:hover::after {
diff --git a/orion-ops-ui/src/views/host/terminal/components/layout/terminal-panel.vue b/orion-ops-ui/src/views/host/terminal/components/layout/terminal-panel.vue
index b9db9ac9..2f93ec22 100644
--- a/orion-ops-ui/src/views/host/terminal/components/layout/terminal-panel.vue
+++ b/orion-ops-ui/src/views/host/terminal/components/layout/terminal-panel.vue
@@ -107,6 +107,7 @@
     display: flex;
     align-items: center;
     padding: 11px 18px 9px 14px;
+    margin: 0 2px;
 
     .tab-title-icon {
       font-size: 16px;
@@ -255,7 +256,7 @@
   }
 
   :deep(.arco-tabs-tab-active) {
-    background: var(--color-bg-panel-tabs-active);
+    background: var(--color-bg-panel-tabs-active) !important;
     color: var(--color-panel-text-2) !important;
 
     .arco-tabs-tab-title {