diff --git a/frontend/src/components/NavigationBar.tsx b/frontend/src/components/NavigationBar.tsx
index 41fc4bb..786a868 100644
--- a/frontend/src/components/NavigationBar.tsx
+++ b/frontend/src/components/NavigationBar.tsx
@@ -14,13 +14,16 @@ const NavigationBar: React.FC = () => {
   const [language, _] = languageState.useState();
   const valeraClass = valeraLight.className;
 
+  const handleNavClick = () => {
+    setIsMenuOpen(false);
+  };
 
-  const navItems = (
+  const navItems = (isMobile: boolean = false) => (
     <>
-      <Link href="/" className="text-lg hover:text-gray-400">{getLocalizedElement("navbar_home", language)}</Link>
-      <Link href="/#contact" className="text-lg hover:text-gray-400">{getLocalizedElement("navbar_contact", language)}</Link>
-      <Link href="/#partners" className="text-lg hover:text-gray-400">{getLocalizedElement("navbar_partners", language)}</Link>
-      <Link href="/#about" className="text-lg hover:text-gray-400">{getLocalizedElement("navbar_faq", language)}</Link>
+      <Link href="/" className="text-lg hover:text-gray-400" onClick={isMobile ? handleNavClick : undefined}>{getLocalizedElement("navbar_home", language)}</Link>
+      <Link href="/#contact" className="text-lg hover:text-gray-400" onClick={isMobile ? handleNavClick : undefined}>{getLocalizedElement("navbar_contact", language)}</Link>
+      <Link href="/#partners" className="text-lg hover:text-gray-400" onClick={isMobile ? handleNavClick : undefined}>{getLocalizedElement("navbar_partners", language)}</Link>
+      <Link href="/#about" className="text-lg hover:text-gray-400" onClick={isMobile ? handleNavClick : undefined}>{getLocalizedElement("navbar_faq", language)}</Link>
       <LanguageToggle/>
     </>
   )
@@ -50,13 +53,13 @@ const NavigationBar: React.FC = () => {
 
           {/* Navigation buttons */}
           <div className={`flex items-center space-x-6 desktop-menu`}>
-            {navItems}
+            {navItems(false)}
           </div>
 
           {/* Mobile Sidebar */}
           <div className={`mobile-menu ${isMenuOpen ? 'active' : ''}`}>
             <span className="close-btn" onClick={() => setIsMenuOpen(false)}>×</span>
-            {navItems}
+            {navItems(true)}
             {/*<span className="h-10 bg-transparent blank-reserve"></span> 
             <img src="./mlh-badge.svg" alt="MLH 2023 Hackathon Season" className="h-40 mlh-badge" />*/}
           </div>