diff --git a/src/app/_components/header-nav/flyout-menu.tsx b/src/app/_components/header-nav/flyout-menu.tsx
index d666723..3822141 100644
--- a/src/app/_components/header-nav/flyout-menu.tsx
+++ b/src/app/_components/header-nav/flyout-menu.tsx
@@ -17,7 +17,7 @@ type Props = {
 export function FlyoutMenu({ buttonLabel, menuItems, className }: Props) {
   return (
     <Popover className={twMerge("relative", className)}>
-      <Popover.Button className="flex cursor-pointer items-center justify-center gap-1 text-md text-light-300">
+      <Popover.Button className="flex cursor-pointer items-center justify-center gap-1 text-md text-light-300 focus-visible:outline-none">
         {buttonLabel}
         <ChevronDownIcon />
       </Popover.Button>