diff --git a/packages/editor/src/layouts/props-panel/FormPanel.vue b/packages/editor/src/layouts/props-panel/FormPanel.vue
index 907dd904..9a57ed4b 100644
--- a/packages/editor/src/layouts/props-panel/FormPanel.vue
+++ b/packages/editor/src/layouts/props-panel/FormPanel.vue
@@ -5,7 +5,7 @@
     <TMagicScrollbar>
       <MForm
         ref="configForm"
-        :class="propsPanelSize"
+        :class="[propsPanelSize, 'm-editor-props-form-panel-form']"
         :popper-class="`m-editor-props-panel-popper ${propsPanelSize}`"
         :label-width="labelWidth"
         :label-position="labelPosition"
diff --git a/packages/editor/src/theme/props-panel.scss b/packages/editor/src/theme/props-panel.scss
index ef12d1eb..14eb7b58 100644
--- a/packages/editor/src/theme/props-panel.scss
+++ b/packages/editor/src/theme/props-panel.scss
@@ -25,26 +25,6 @@
         right: calc(15px + var(--props-style-panel-width));
       }
     }
-
-    .tmagic-design-form {
-      padding-right: 10px;
-      padding-left: 10px;
-
-      > .m-container-tab {
-        > .tmagic-design-tabs {
-          > .el-tabs__content {
-            padding-top: 55px;
-          }
-          > .el-tabs__header.is-top {
-            position: absolute;
-            top: 0;
-            width: 100%;
-            background: #fff;
-            z-index: 3;
-          }
-        }
-      }
-    }
   }
 
   .m-editor-props-style-panel {
@@ -142,6 +122,26 @@
   }
 }
 
+.m-editor-props-form-panel-form {
+  padding-right: 10px;
+  padding-left: 10px;
+
+  > .m-container-tab {
+    > .tmagic-design-tabs {
+      > .el-tabs__content {
+        padding-top: 55px;
+      }
+      > .el-tabs__header.is-top {
+        position: absolute;
+        top: 0;
+        width: 100%;
+        background: #fff;
+        z-index: 3;
+      }
+    }
+  }
+}
+
 .m-editor-props-panel-popper {
   &.small {
     span,