diff --git a/src/components/global/TopNav.tsx b/src/components/global/TopNav.tsx
index 7fdd280..dd3b677 100644
--- a/src/components/global/TopNav.tsx
+++ b/src/components/global/TopNav.tsx
@@ -33,7 +33,7 @@ export default function TopNav() {
               <NavigationMenuItem key={href}>
                 <NavigationMenuLink
                   asChild
-                  className={navigationMenuTriggerStyle()}
+                  className={`${navigationMenuTriggerStyle()} hover:bg-hover data-active:bg-hover focus:bg-hover active:bg-hover`}
                 >
                   <Link href={href}>{label}</Link>
                 </NavigationMenuLink>
@@ -43,7 +43,6 @@ export default function TopNav() {
         </NavigationMenu>
       </div>
 
-      {/* Mobile Nav */}
       <div className="md:hidden">
         <Sheet open={open} onOpenChange={setOpen}>
           <SheetTrigger asChild>
@@ -61,7 +60,8 @@ export default function TopNav() {
                   key={href}
                   href={href}
                   onClick={() => setOpen(false)}
-                  className="block px-4 py-2 rounded-md hover:bg-hover focus-visible:bg-hover text-sm font-medium transition-colors"
+                  className="block px-4 py-2 rounded-md text-sm font-medium transition-colors
+                  focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
                 >
                   {label}
                 </Link>