diff --git a/client/src/components/nav-main.tsx b/client/src/components/nav-main.tsx
index ba0d8e7..0be6fe0 100644
--- a/client/src/components/nav-main.tsx
+++ b/client/src/components/nav-main.tsx
@@ -51,7 +51,9 @@ export function NavMain({
                   asChild
                   tooltip={item.title}
                   className={clsx({
-                    "bg-accent font-semibold": isActive
+                    "bg-accent font-semibold": isActive,
+                    "hover:bg-accent/50 transition-colors duration-200":
+                      !isActive
                   })}
                 >
                   <a href={item.url}>