diff --git a/src/layouts/modules/theme-drawer/modules/dark-mode.vue b/src/layouts/modules/theme-drawer/modules/dark-mode.vue
index 9bdf1aa1..a6ff85cb 100644
--- a/src/layouts/modules/theme-drawer/modules/dark-mode.vue
+++ b/src/layouts/modules/theme-drawer/modules/dark-mode.vue
@@ -29,6 +29,7 @@ const showSiderInverted = computed(() => !themeStore.darkMode && themeStore.layo
   <div class="flex-vertical-stretch gap-16px">
     <div class="i-flex-center">
       <NTabs
+        :key="themeStore.themeScheme"
         type="segment"
         size="small"
         class="relative w-214px"