diff --git a/packages/core/client/src/schema-initializer/SchemaInitializer.tsx b/packages/core/client/src/schema-initializer/SchemaInitializer.tsx
index 664fd95d5..29324225c 100644
--- a/packages/core/client/src/schema-initializer/SchemaInitializer.tsx
+++ b/packages/core/client/src/schema-initializer/SchemaInitializer.tsx
@@ -5,6 +5,7 @@ import classNames from 'classnames';
 import React, { createContext, useContext, useState } from 'react';
 import { Icon } from '../icon';
 import { useCompile, useDesignable } from '../schema-component/hooks';
+import './style.less';
 import {
   SchemaInitializerButtonProps,
   SchemaInitializerItemComponent,
@@ -18,12 +19,7 @@ export const SchemaInitializerItemContext = createContext(null);
 
 export const SchemaInitializer = () => null;
 
-const menuItemGroupCss = css`
-  .menuItemGroup {
-    max-height: 60vh;
-    overflow: auto;
-  }
-`;
+const menuItemGroupCss = 'nb-menu-item-group';
 
 SchemaInitializer.Button = observer((props: SchemaInitializerButtonProps) => {
   const {
diff --git a/packages/core/client/src/schema-initializer/style.less b/packages/core/client/src/schema-initializer/style.less
index 3e449c361..9089de762 100644
--- a/packages/core/client/src/schema-initializer/style.less
+++ b/packages/core/client/src/schema-initializer/style.less
@@ -1,4 +1,4 @@
-.menuItemGroup {
+.nb-menu-item-group {
   max-height: 60vh;
   overflow: auto;
 }