From 81775b80c7b3d9c62a8e7489dd7588dc0fe4adfa Mon Sep 17 00:00:00 2001
From: Eugene Mutembei <103780583+CodeWithEugene@users.noreply.github.com>
Date: Sun, 27 Sep 2026 11:11:41 +0300
Subject: [PATCH] fix(ui): make the mobile menu open again

---
 components/patterns/mobile-nav.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/patterns/mobile-nav.tsx b/components/patterns/mobile-nav.tsx
index 4749443..e6d5951 100644
--- a/components/patterns/mobile-nav.tsx
+++ b/components/patterns/mobile-nav.tsx
@@ -6,6 +6,7 @@ import { useEffect, useState } from "react";
 import { Menu, X } from "lucide-react";
 
 import { NavLink } from "@/components/patterns/nav-link";
+import { cn } from "@/lib/utils";
 
 interface NavLinkItem {
   href: string;
@@ -71,7 +72,7 @@ export function MobileNav({ navLinks, organizerLinks, trailingLinks }: MobileNav
         ? createPortal(
             <>
               <div
-                className={`mobile-nav-overlay${open ? "mobile-nav-overlay-open" : ""}`}
+                className={cn("mobile-nav-overlay", open && "mobile-nav-overlay-open")}
                 aria-hidden="true"
                 onClick={() => setOpen(false)}
               />
@@ -79,7 +80,7 @@ export function MobileNav({ navLinks, organizerLinks, trailingLinks }: MobileNav
               <nav
                 id="mobile-nav-panel"
                 aria-label="Mobile"
-                className={`mobile-nav-panel${open ? "mobile-nav-panel-open" : ""}`}
+                className={cn("mobile-nav-panel", open && "mobile-nav-panel-open")}
                 inert={!open}
               >
                 <div className="mobile-nav-panel-header">