diff --git a/packages/editor-skeleton/src/layouts/workbench.less b/packages/editor-skeleton/src/layouts/workbench.less
index 4e96badcf..34018aa86 100644
--- a/packages/editor-skeleton/src/layouts/workbench.less
+++ b/packages/editor-skeleton/src/layouts/workbench.less
@@ -170,6 +170,11 @@ body {
 }
 
 .lc-workbench {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: #edeff3;
+
   &.engine-main {
     height: 100%;
     display: flex;
diff --git a/packages/engine/src/engine-core.ts b/packages/engine/src/engine-core.ts
index 05033873a..acab43506 100644
--- a/packages/engine/src/engine-core.ts
+++ b/packages/engine/src/engine-core.ts
@@ -156,6 +156,8 @@ let engineContainer: HTMLElement;
 export const version = VERSION_PLACEHOLDER;
 engineConfig.set('ENGINE_VERSION', version);
 
+registryInnerPlugin(designer, editor, plugins);
+
 export async function init(
   container?: HTMLElement,
   options?: IPublicTypeEngineOptions,
@@ -179,8 +181,6 @@ export async function init(
   }
   engineConfig.setEngineOptions(engineOptions as any);
 
-  await registryInnerPlugin(designer, editor, plugins);
-
   await plugins.init(pluginPreference as any);
 
   const { Workbench } = common.skeletonCabin;