diff --git a/web/src/components/layout/scaffold/Tabs.vue b/web/src/components/layout/scaffold/Tabs.vue
index e81c81f42..2a257956e 100644
--- a/web/src/components/layout/scaffold/Tabs.vue
+++ b/web/src/components/layout/scaffold/Tabs.vue
@@ -10,7 +10,7 @@
       :exact-active-class="tab.matchChildren ? '' : 'border-wp-text-100!'"
     >
       <span
-        class="hover:bg-wp-background-200 dark:hover:bg-wp-background-100 flex w-full min-w-20 flex-row items-center justify-center gap-2 rounded-md px-2 py-1"
+        class="hover:bg-wp-background-300 dark:hover:bg-wp-background-200 flex w-full min-w-20 flex-row items-center justify-center gap-2 rounded-md px-2 py-1"
       >
         <Icon v-if="tab.icon" :name="tab.icon" :class="tab.iconClass" class="shrink-0" />
         <span>{{ tab.title }}</span>