diff --git a/pyproject.toml b/pyproject.toml
index 61af552..85bf9d1 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -1,7 +1,7 @@
 [project]
 name = "comfyui-model-manager"
 description = "Manage models: browsing, download and delete."
-version = "2.3.2"
+version = "2.3.3"
 license = { file = "LICENSE" }
 dependencies = ["markdownify"]
 
diff --git a/src/hooks/config.ts b/src/hooks/config.ts
index 7f9afd9..24bff15 100644
--- a/src/hooks/config.ts
+++ b/src/hooks/config.ts
@@ -2,7 +2,7 @@ import SettingCardSize from 'components/SettingCardSize.vue'
 import { request } from 'hooks/request'
 import { defineStore } from 'hooks/store'
 import { $el, app, ComfyDialog } from 'scripts/comfyAPI'
-import { computed, onMounted, onUnmounted, readonly, ref } from 'vue'
+import { computed, onMounted, onUnmounted, readonly, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useToast } from './toast'
 
@@ -66,6 +66,17 @@ export const useConfig = defineStore('config', (store) => {
     },
   }
 
+  watch(cardSizeFlag, (val) => {
+    app.ui?.settings.setSettingValue('ModelManager.UI.CardSize', val)
+  })
+
+  watch(cardSizeMap, (val) => {
+    app.ui?.settings.setSettingValue(
+      'ModelManager.UI.CardSizeMap',
+      JSON.stringify(val),
+    )
+  })
+
   useAddConfigSettings(store)
 
   return config