diff --git a/src/layouts/modules/theme-drawer/modules/dark-mode.vue b/src/layouts/modules/theme-drawer/modules/dark-mode.vue
index 117ab95b..9bdf1aa1 100644
--- a/src/layouts/modules/theme-drawer/modules/dark-mode.vue
+++ b/src/layouts/modules/theme-drawer/modules/dark-mode.vue
@@ -31,7 +31,7 @@ const showSiderInverted = computed(() => !themeStore.darkMode && themeStore.layo
       <NTabs
         type="segment"
         size="small"
-        class="w-214px"
+        class="relative w-214px"
         :value="themeStore.themeScheme"
         @update:value="handleSegmentChange"
       >