diff --git a/src/components/NavWrapper.tsx b/src/components/NavWrapper.tsx
index aac53145169bf95e4abb9eef86180f3150db3de6..f035d6216b2bb24201b9385482ab38ca445fb33b 100644
--- a/src/components/NavWrapper.tsx
+++ b/src/components/NavWrapper.tsx
@@ -22,7 +22,7 @@ function NavWrapper({ children }: { children: React.ReactNode }) {
       <nav className="w-full bg-indigo-500 px-4 py-2 text-white flex justify-between">
         <div
           onClick={() => setOpen(false)}
-          className={`bg-slate-800 flex flex-col items-start justify-center h-screen fixed top-0 left-0 right-0 w-screen min-w-[100vh] bg-black/50 ${
+          className={`bg-slate-800 flex flex-col items-start justify-center h-screen fixed top-0 left-0 right-0 w-screen min-w-[100vh] bg-black/50 z-50 ${
             open ? "" : "hidden"
           }`}
         >
@@ -37,6 +37,9 @@ function NavWrapper({ children }: { children: React.ReactNode }) {
                 key={text}
                 className="text-white hover:text-inherit hover:underline underline-offset-2 decoration-white"
                 to={link}
+                onClick={() => {
+                  setOpen(false);
+                }}
               >
                 {text}
               </Link>