diff --git a/src/hooks/setting/useMenuSetting.ts b/src/hooks/setting/useMenuSetting.ts
index bf8a2f8..27ddae3 100644
--- a/src/hooks/setting/useMenuSetting.ts
+++ b/src/hooks/setting/useMenuSetting.ts
@@ -108,7 +108,7 @@ export function useMenuSetting() {
 
   // Set menu configuration
   function setMenuSetting(menuSetting: Partial<MenuSetting>): void {
-    appStore.setProjectConfig({ menuSetting })
+    appStore.setMenuSetting(menuSetting)
   }
 
   function toggleCollapsed() {
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index c45a1f9..e70b152 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -85,6 +85,11 @@ export const useAppStore = defineStore('app', {
       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()
       Persistent.clearAll()