diff --git a/packages/editor-preset-vision/src/vision.less b/packages/editor-preset-vision/src/vision.less
index 08be75898..0517232b5 100644
--- a/packages/editor-preset-vision/src/vision.less
+++ b/packages/editor-preset-vision/src/vision.less
@@ -103,9 +103,9 @@ html.engine-blur #engine {
   height: 16px!important;
 }
 
-.lc-left-float-pane {
-  font-size: 14px;
-}
+// .lc-left-float-pane {
+//   font-size: 14px;
+// }
 
 html.engine-preview-mode  {
   .lc-left-area, .lc-right-area {
@@ -125,4 +125,4 @@ html.engine-preview-mode  {
 
 .lc-setter-mixed {
   flex: 1
-}
\ No newline at end of file
+}
diff --git a/packages/editor-skeleton/src/layouts/main-area.tsx b/packages/editor-skeleton/src/layouts/main-area.tsx
index 1034119a1..edd0d1aff 100644
--- a/packages/editor-skeleton/src/layouts/main-area.tsx
+++ b/packages/editor-skeleton/src/layouts/main-area.tsx
@@ -14,7 +14,7 @@ export default class MainArea extends Component<{ area: Area<any, Panel | Widget
   render() {
     const { area } = this.props;
     return (
-      <div className={classNames('lc-main-area')}>
+      <div className={classNames('lc-main-area engine-workspacepane')}>
         {area.container.items.map((item) => item.content)}
       </div>
     );
diff --git a/packages/editor-skeleton/src/layouts/right-area.tsx b/packages/editor-skeleton/src/layouts/right-area.tsx
index ed9fd60f2..448788dd6 100644
--- a/packages/editor-skeleton/src/layouts/right-area.tsx
+++ b/packages/editor-skeleton/src/layouts/right-area.tsx
@@ -13,7 +13,7 @@ export default class RightArea extends Component<{ area: Area<any, Panel> }> {
   render() {
     const { area } = this.props;
     return (
-      <div className={classNames('lc-right-area', {
+      <div className={classNames('lc-right-area engine-tabpane', {
         'lc-area-visible': area.visible,
       })}
       >