diff --git a/packages/editor-skeleton/src/layouts/workbench.less b/packages/editor-skeleton/src/layouts/workbench.less
index 504b1e6ff..df1e07189 100644
--- a/packages/editor-skeleton/src/layouts/workbench.less
+++ b/packages/editor-skeleton/src/layouts/workbench.less
@@ -139,10 +139,14 @@ body {
     height: var(--top-area-height);
     background-color: var(--color-pane-background);
     width: 100%;
-    display: flex;
+    display: none;
     margin-bottom: 2px;
     padding: 8px 12px 8px 16px;
 
+    &.lc-area-visible {
+      display: flex;
+    }
+
     .lc-top-area-left {
       display: flex;
       align-items: center;