diff --git a/nuxt4/app/assets/css/main.css b/nuxt4/app/assets/css/main.css
index 6ea0751..56f3e38 100644
--- a/nuxt4/app/assets/css/main.css
+++ b/nuxt4/app/assets/css/main.css
@@ -129,10 +129,19 @@
 .cata-tab {
   border-bottom: 2px solid transparent;
   padding: 0.5rem 1rem;
-  transition: all 200ms;
+  transition: color 200ms, border-color 200ms, text-shadow 200ms;
   color: color-mix(in srgb, var(--cata-fg) 60%, transparent);
 }
 
+.cata-tab:hover:not(.cata-tab-active) {
+  color: color-mix(in srgb, var(--cata-fg) 80%, transparent);
+  border-bottom-color: color-mix(in srgb, var(--cata-primary) 30%, transparent);
+}
+
+.dark .cata-tab:hover:not(.cata-tab-active) {
+  text-shadow: 0 0 2px currentColor;
+}
+
 .cata-tab-active {
   border-bottom: 2px solid var(--cata-primary);
   border-color: var(--cata-primary);