diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index d5fe2e23..2b39f597 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -55,7 +55,7 @@ const settingsStore = useSettingsStore();
 const permissionStore = usePermissionStore();
 
 const isDark = ref<boolean>(settingsStore.theme === ThemeEnum.DARK);
-const sidebarColor = computed(() => settingsStore.sidebarColorScheme);
+const sidebarColor = ref(settingsStore.sidebarColorScheme);
 
 const settingsVisible = computed({
   get() {