diff --git a/apps/website/src/components/Navbar.tsx b/apps/website/src/components/Navbar.tsx
index 1e6d3952b..2a976b427 100644
--- a/apps/website/src/components/Navbar.tsx
+++ b/apps/website/src/components/Navbar.tsx
@@ -56,7 +56,7 @@ export default function Navbar() {
 
                     <DrawerBody>
                         <VStack spacing="8" mt="20">
-                            <NavbarLinks />
+                            <NavbarLinks onClick={onClose} />
                         </VStack>
                     </DrawerBody>
 
diff --git a/apps/website/src/components/NavbarLinks.tsx b/apps/website/src/components/NavbarLinks.tsx
index bf9473433..cdae53591 100644
--- a/apps/website/src/components/NavbarLinks.tsx
+++ b/apps/website/src/components/NavbarLinks.tsx
@@ -5,12 +5,17 @@ import NextLink from "next/link"
 import { usePathname } from "next/navigation"
 import IconArrowUpRight from "../icons/IconArrowUpRight"
 
-export default function NavbarLinks() {
+export type NavbarProps = {
+    onClick?: () => void
+}
+
+export default function NavbarLinks({ onClick }: NavbarProps) {
     const pathname = usePathname()
 
     return (
         <>
             <Link
+                onClick={onClick}
                 as={NextLink}
                 href="/projects"
                 variant="navlink"
@@ -21,6 +26,7 @@ export default function NavbarLinks() {
                 </Heading>
             </Link>
             <Link
+                onClick={onClick}
                 as={NextLink}
                 href="/learn"
                 variant="navlink"
@@ -31,6 +37,7 @@ export default function NavbarLinks() {
                 </Heading>
             </Link>
             <Link
+                onClick={onClick}
                 as={NextLink}
                 href="/build"
                 variant="navlink"