diff --git a/packages/dnd-design/src/components/form-shell/form-shell.scss b/packages/dnd-design/src/components/form-shell/form-shell.scss
index 5dff158db9a0ec387d8e7da8d8176beffa685125..afee6c73b609bb2f958a21e8d3fcbc1cfef86d94 100644
--- a/packages/dnd-design/src/components/form-shell/form-shell.scss
+++ b/packages/dnd-design/src/components/form-shell/form-shell.scss
@@ -2,6 +2,24 @@
 @include b(form-shell) {
   width: 100%;
   height: 100%;
+  @include b(form-tab-panel) {
+    &.el-tabs {
+      .el-tabs__active-bar {
+        bottom: 0;
+        height: 2px;
+        background-color: getCssVar(form-tab-panel, active, border-color) !important;
+      }
+      .el-tabs__header.is-top .el-tabs__item.is-top.is-active {
+        color: getCssVar(form-tab-panel, active, text-color) !important;
+        background-color: getCssVar(form-tab-panel, active, bg-color) !important;
+      }
+    }
+    &.el-tabs--top {
+      .el-tabs__item.is-top:nth-child(2) {
+        padding-left: 0 !important;
+      }
+    } 
+  }
 }
 
 @include b(light-theme-shell) {
diff --git a/packages/studio-theme/src/theme/studio-dark/ctrl.scss b/packages/studio-theme/src/theme/studio-dark/ctrl.scss
index 502936192ba74992b0cedac4ea50b26720a94d90..53498d10acede461ce5b346eab77fac69628348b 100644
--- a/packages/studio-theme/src/theme/studio-dark/ctrl.scss
+++ b/packages/studio-theme/src/theme/studio-dark/ctrl.scss
@@ -161,7 +161,7 @@
 
   @include b(control-form) {
     // 排除表单预览组件
-    &:not(.ibiz-form-shell--light) {
+    &:not(.#{bem('light-theme-shell')}) {
       #{getCssVarName(editor, default, bg, color)}: getCssVar(color, bg, 0);
       #{getCssVarName(editor, hover, border, color)}: getCssVar(color, focus, border);
       #{getCssVarName(editor, focus, box-shadow)}: getCssVar(color, border) 0 0 0 1px inset,getCssVar(color, bg, 0) 0 0 0 2px, getCssVar(color, primary, light, active) 0 0 0 4px;
diff --git a/packages/studio-theme/src/theme/studio-dark/element-plus.scss b/packages/studio-theme/src/theme/studio-dark/element-plus.scss
index d45e813937c8ca69850ffd742a9519dce4748e18..e961500248acfa4e7893fb0fc170eaeebc200604 100644
--- a/packages/studio-theme/src/theme/studio-dark/element-plus.scss
+++ b/packages/studio-theme/src/theme/studio-dark/element-plus.scss
@@ -39,6 +39,13 @@
     margin-left: getCssVar(spacing, base, tight);
   }
 
+  // 按钮组中相邻按钮不应有间距
+  .el-button-group {
+    > .el-button + .el-button {
+      margin-left: 0;
+    }
+  }
+
   .el-input {
     --el-input-focus-border-color: #{getCssVar(color, primary, light, active)};
   }
@@ -62,35 +69,30 @@
     }
   }
 
-  // 排除表单预览组件
-  @include b(control-form) {
-    &:not(.ibiz-form-shell--light) {
-      .el-tabs {
-        .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child {
-          padding-right: getCssVar(spacing, base, loose);
-        }
-    
-        .el-tabs__nav-scroll {
-          padding-bottom: 1px;
-    
-          --el-tabs-header-height: 39px;
-        }
-    
-        .el-tabs__item {
-          padding: 0 getCssVar(spacing, base, loose);
-          color: getCssVar(color, text, 2) !important;
-        }
-    
-        .el-tabs__item.is-active {
-          color: getCssVar(color, text, 0) !important;
-        }
-    
-        .el-tabs__active-bar {
-          bottom: -1px;
-          height: 1px;
-          background-color: getCssVar(color, primary, light, active) !important;
-        }
-      }
+  .el-tabs {
+    .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child {
+      padding-right: getCssVar(spacing, base, loose);
+    }
+
+    .el-tabs__nav-scroll {
+      padding-bottom: 1px;
+
+      --el-tabs-header-height: 39px;
+    }
+
+    .el-tabs__item {
+      padding: 0 getCssVar(spacing, base, loose);
+      color: getCssVar(color, text, 2) !important;
+    }
+
+    .el-tabs__item.is-active {
+      color: getCssVar(color, text, 0) !important;
+    }
+
+    .el-tabs__active-bar {
+      bottom: -1px;
+      height: 1px;
+      background-color: getCssVar(color, primary, light, active) !important;
     }
   }
 
diff --git a/packages/studio-theme/src/theme/studio-dark/tumps.scss b/packages/studio-theme/src/theme/studio-dark/tumps.scss
index 9c51dfc45f1488b13d60cc91cc894020b543d30a..ce3019dce20f0f4c952fda240392a00b83c14fcb 100644
--- a/packages/studio-theme/src/theme/studio-dark/tumps.scss
+++ b/packages/studio-theme/src/theme/studio-dark/tumps.scss
@@ -2,7 +2,7 @@
 :root.studio_dark {
   @include b(control-form) {
     // 排除表单预览组件
-    &:not(.ibiz-form-shell--light) {
+    &:not(.#{bem('light-theme-shell')}) {
       @include b(form-item-container) {
           #{getCssVarName(form-item-container, label-color)}: getCssVar(color, text, 0);
           #{getCssVarName(form-item-container, label-font-weight)}: bold;
@@ -38,7 +38,7 @@
   // 工具全局编辑器标题与内容文字，分组、分页标题文字颜色提亮，参考原设计工具全局为白色#FFF
   @include b(control-form) {
     // 排除表单预览组件
-    &:not(.ibiz-form-shell--light) {
+    &:not(.#{bem('light-theme-shell')}) {
       #{getCssVarName(color, primary, active, text)}: getCssVar(color, white);
       #{getCssVarName(editor, default-text-color)}: getCssVar(color, white);
   
@@ -66,7 +66,7 @@
   .#{bem('design-property-interactive')} {
     // 排除表单预览组件
     @include b(control-form) {
-      &:not(.ibiz-form-shell--light) {
+      &:not(.#{bem('light-theme-shell')}) {
         .#{bem('form-page-tab')} {
           > .el-tabs__header.is-top {
             .el-tabs__item.is-top {