diff --git a/src/hooks/setting/useMenuSetting.ts b/src/hooks/setting/useMenuSetting.ts
index 3566bfd2..e3c62ed6 100644
--- a/src/hooks/setting/useMenuSetting.ts
+++ b/src/hooks/setting/useMenuSetting.ts
@@ -123,7 +123,7 @@ export function useMenuSetting() {
 
   // Set menu configuration
   function setMenuSetting(menuSetting: Partial<MenuSetting>): void {
-    appStore.setProjectConfig({ menuSetting });
+    appStore.setMenuSetting(menuSetting);
   }
 
   function toggleCollapsed() {
@@ -133,9 +133,7 @@ export function useMenuSetting() {
   }
   return {
     setMenuSetting,
-
     toggleCollapsed,
-
     getMenuFixed,
     getRealWidth,
     getMenuType,
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 39563b68..12f45571 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -82,6 +82,10 @@ export const useAppStore = defineStore({
       this.projectConfig = deepMerge(this.projectConfig || {}, config);
       Persistent.setLocal(PROJ_CFG_KEY, this.projectConfig);
     },
+    setMenuSetting(setting: Partial<MenuSetting>): void {
+      this.projectConfig.menuSetting = deepMerge(this.projectConfig.menuSetting, setting);
+      Persistent.setLocal(PROJ_CFG_KEY, this.projectConfig);
+    },
 
     async resetAllState() {
       resetRouter();