diff --git a/nuxt4-app/app/pages/metabase-debug.vue b/nuxt4-app/app/pages/metabase-debug.vue
index 76afea8..a0c2296 100644
--- a/nuxt4-app/app/pages/metabase-debug.vue
+++ b/nuxt4-app/app/pages/metabase-debug.vue
@@ -75,9 +75,9 @@
         :items="tabs"
         :ui="{
           root: 'space-y-4',
-          list: 'border-b border-[var(--brand-border)]',
+          list: 'border-b border-[var(--brand-border)] bg-[#1c140c]',
           indicator: 'bg-[#c08040]',
-          trigger: 'data-[state=active]:text-[#c08040] data-[state=inactive]:text-[var(--brand-text-muted)] hover:text-[var(--brand-text)] focus-visible:ring-2 focus-visible:ring-[#c08040]',
+          trigger: 'data-[state=active]:text-[#c08040] data-[state=inactive]:text-[var(--brand-text-muted)] data-[state=inactive]:bg-[#1c140c] hover:text-[var(--brand-text)] hover:bg-[#2a1f14] focus-visible:ring-2 focus-visible:ring-[#c08040]',
           label: 'font-medium text-sm',
           content: 'py-4'
         }"