diff --git a/packages/grid-design/src/components/grid-shell/grid-shell.scss b/packages/grid-design/src/components/grid-shell/grid-shell.scss
index d45cf7573d57709dd385ac5445af2c8a219ed49b..ec66de78041b7bdb63fbf77702a8f738eb7c893a 100644
--- a/packages/grid-design/src/components/grid-shell/grid-shell.scss
+++ b/packages/grid-design/src/components/grid-shell/grid-shell.scss
@@ -1,41 +1,42 @@
 /* stylelint-disable selector-class-pattern */
 @include b(gird-shell) {
-    @include m(light) {
-        $control-grid: (
-            text-color: rgba(var(#{getCssVarName(grey, 9)}),1),
-            bg-color: rgba(var(#{getCssVarName(white)}),1),
-            row-edit-bg-color: rgba(var(#{getCssVarName(grey, 8), }),0.13),
-            row-bg-color: rgba(var(#{getCssVarName(white)}),1),
-            row-bg-color-2: rgba(var(#{getCssVarName(grey, 0)}),1),
-            row-hover-color: rgba(#{getCssVar(grey, 1)}, 1),
-            row-select-color: rgba(var(#{getCssVarName(blue, cyan, 0)}),1),
-            scrollbar-bg-color: #{rgba(var(#{getCssVarName(grey, 8), }),0.13)},
-            scrollbar-bg-hover-color: #{rgba(var(#{getCssVarName(grey, 8), }),0.13)},
-            cell-padding: 6px 12px,
-            now-header-height: 58px,
-        );
-        $control-grid-header: (
-            text-color: rgba(var(#{getCssVarName(grey, 6)}),1),
-            bg-color: rgba(#{getCssVar(grey, 1)}, 1),
-        );
+  background-color: getCssVar(color, white);
+  @include m(light) {
+    $control-grid: (
+      text-color: rgba(var(#{getCssVarName(grey, 9)}), 1),
+      bg-color: rgba(var(#{getCssVarName(white)}), 1),
+      row-edit-bg-color: rgba(var(#{getCssVarName(grey, 8), }), 0.13),
+      row-bg-color: rgba(var(#{getCssVarName(white)}), 1),
+      row-bg-color-2: rgba(var(#{getCssVarName(grey, 0)}), 1),
+      row-hover-color: rgba(#{getCssVar(grey, 1)}, 1),
+      row-select-color: rgba(var(#{getCssVarName(blue, cyan, 0)}), 1),
+      scrollbar-bg-color: #{rgba(var(#{getCssVarName(grey, 8), }), 0.13)},
+      scrollbar-bg-hover-color: #{rgba(var(#{getCssVarName(grey, 8), }), 0.13)},
+      cell-padding: 6px 12px,
+      now-header-height: 58px,
+    );
+    $control-grid-header: (
+      text-color: rgba(var(#{getCssVarName(grey, 6)}), 1),
+      bg-color: rgba(#{getCssVar(grey, 1)}, 1),
+    );
 
-        $control-grid-page: (
-            text-color: rgba(var(#{getCssVarName(grey, 6)}),1),
-        );
+    $control-grid-page: (
+      text-color: rgba(var(#{getCssVarName(grey, 6)}), 1),
+    );
 
-        $control-grid-footer: (
-            text-color: rgba(var(#{getCssVarName(grey, 6)}),1),
-            bg-color: rgba(#{getCssVar(grey, 1)}, 1),
-        );
-        @include set-component-css-var(control-grid, $control-grid);
-        @include set-component-css-var(control-grid-header, $control-grid-header);
-        @include set-component-css-var(control-grid-page, $control-grid-page);
-        @include set-component-css-var(control-grid-footer, $control-grid-footer);
+    $control-grid-footer: (
+      text-color: rgba(var(#{getCssVarName(grey, 6)}), 1),
+      bg-color: rgba(#{getCssVar(grey, 1)}, 1),
+    );
+    @include set-component-css-var(control-grid, $control-grid);
+    @include set-component-css-var(control-grid-header, $control-grid-header);
+    @include set-component-css-var(control-grid-page, $control-grid-page);
+    @include set-component-css-var(control-grid-footer, $control-grid-footer);
 
-        --el-text-color-placeholder: #{getCssVar(color, text, 3)};
+    --el-text-color-placeholder: #{getCssVar(color, text, 3)};
 
-        .el-table__header {
-            height: getCssVar(control-grid, now-header-height);
-        }
+    .el-table__header {
+      height: getCssVar(control-grid, now-header-height);
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/packages/menu-design/src/components/menu-shell/menu-shell.scss b/packages/menu-design/src/components/menu-shell/menu-shell.scss
index 2656865e320704ee504ccb0e4531806e415a3f42..36b89fc260104df121dab1c82cb2256c73c91f7b 100644
--- a/packages/menu-design/src/components/menu-shell/menu-shell.scss
+++ b/packages/menu-design/src/components/menu-shell/menu-shell.scss
@@ -32,9 +32,6 @@ $menu-shell: (
   padding: getCssVar(menu-shell, padding-top-bottom)
     getCssVar(menu-shell, padding);
   overflow-y: auto;
-}
-
-@include b(light-theme-shell) {
   @include menu-light-theme;
   @include m(popper) {
     @include menu-light-theme;
diff --git a/packages/menu-design/src/panel-items/menu-preview-content/menu-preview-content.controller.ts b/packages/menu-design/src/panel-items/menu-preview-content/menu-preview-content.controller.ts
index 61b1863367e9681f63deecb7389354bcc5440276..701af8020fce3f952e5821bed70e85af95a79cf3 100644
--- a/packages/menu-design/src/panel-items/menu-preview-content/menu-preview-content.controller.ts
+++ b/packages/menu-design/src/panel-items/menu-preview-content/menu-preview-content.controller.ts
@@ -1,3 +1,4 @@
+import { recursiveIterate } from '@ibiz-template/core';
 import { PreviewContentController } from '@ibiz-template-plugin/design-base';
 import { MenuPreviewContentState } from './menu-preview-content.state';
 
@@ -36,7 +37,14 @@ export class MenuPreviewContentController extends PreviewContentController {
    * @memberof MenuPreviewContentController
    */
   protected async initItems(): Promise<void> {
-    console.log('initItems', this.majorData);
-    this.state.items = this.majorData.psappmenuitems || [];
+    const items: IData[] = [];
+    recursiveIterate(
+      this.majorData,
+      (item: IData) => {
+        items.push(item);
+      },
+      { childrenFields: ['psappmenuitems'] },
+    );
+    this.state.items = items;
   }
 }
diff --git a/packages/view-design/src/components/panel-item-widgets/preview-componnets/view-ctrl-shell/view-ctrl-shell.scss b/packages/view-design/src/components/panel-item-widgets/preview-componnets/view-ctrl-shell/view-ctrl-shell.scss
index 50f3ae4a2fcbd553434373071909deb49e87c0de..189eaf18b056c50a6390fc522fbf66beefce3b40 100644
--- a/packages/view-design/src/components/panel-item-widgets/preview-componnets/view-ctrl-shell/view-ctrl-shell.scss
+++ b/packages/view-design/src/components/panel-item-widgets/preview-componnets/view-ctrl-shell/view-ctrl-shell.scss
@@ -4,7 +4,15 @@
 
   .#{bem('menu-shell-container')} {
     .#{bem('control-appmenu', '', 'vertical')} {
-      width: 100% !important;
+      width: 100%;
+      .el-menu--vertical {
+        overflow: unset;
+      }
+      .#{bem('control-appmenu-collapse-icon')} {
+        bottom: -6px;
+        float: right;
+        position: relative;
+      }
     }
   }