diff --git a/src/components/mobile-nav.tsx b/src/components/mobile-nav.tsx
index 13cb51e854..c63517605a 100644
--- a/src/components/mobile-nav.tsx
+++ b/src/components/mobile-nav.tsx
@@ -62,6 +62,7 @@ export function MobileNav({ children, menuLabel = "Open menu", closeLabel = "Clo
           style={{
             borderColor: "color-mix(in srgb, var(--color-text-muted) 10%, transparent)",
           }}
+          onClick={() => setOpen(false)}
         >
           {children}
         </div>
diff --git a/src/components/nav-dropdown.tsx b/src/components/nav-dropdown.tsx
index 9a317c96fe..c8d3d61450 100644
--- a/src/components/nav-dropdown.tsx
+++ b/src/components/nav-dropdown.tsx
@@ -44,7 +44,7 @@ export function NavDropdown({ label, icon, children }: NavDropdownProps) {
         <svg className={`ml-auto md:ml-1 w-3 h-3 transition-transform duration-200 ${open ? "rotate-180" : ""}`} fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" /></svg>
       </button>
       {open && (
-        <div className="dropdown-menu md:absolute left-0 top-full mt-0.5 min-w-[200px] rounded-xl z-50 py-2" role="menu">
+        <div className="dropdown-menu md:absolute left-0 top-full mt-0.5 min-w-[200px] rounded-xl z-50 py-2" role="menu" onClick={() => setOpen(false)}>
           {children}
         </div>
       )}