diff --git a/src/app/components/EmailSection.jsx b/src/app/components/EmailSection.jsx
index 58d42e19..474ecc3d 100644
--- a/src/app/components/EmailSection.jsx
+++ b/src/app/components/EmailSection.jsx
@@ -45,7 +45,6 @@ const EmailSection = () => {
       className="grid md:grid-cols-2 my-12 md:my-12 py-24 gap-4 relative"
     >
       <div className="bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-primary-900 to-transparent rounded-full h-80 w-80 z-0 blur-lg absolute top-3/4 -left-4 transform -translate-x-1/2 -translate-1/2"></div>
-      <div className="z-10">
         <h5 className="text-xl font-bold text-white my-2">
           Let&apos;s Connect
         </h5>
@@ -63,7 +62,6 @@ const EmailSection = () => {
             <Image src={LinkedinIcon} alt="Linkedin Icon" />
           </Link>
         </div>
-      </div>
       <div>
         {emailSubmitted ? (
           <p className="text-green-500 text-sm mt-2">
diff --git a/src/app/components/MenuOverlay.jsx b/src/app/components/MenuOverlay.jsx
deleted file mode 100644
index a2ddfe5f..00000000
--- a/src/app/components/MenuOverlay.jsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import NavLink from "./NavLink";
-
-const MenuOverlay = ({ links }) => {
-  return (
-    <ul className="flex flex-col py-4 items-center">
-      {links.map((link, index) => (
-        <li key={index}>
-          <NavLink href={link.path} title={link.title} />
-        </li>
-      ))}
-    </ul>
-  );
-};
-
-export default MenuOverlay;
diff --git a/src/app/components/NavLink.jsx b/src/app/components/NavLink.jsx
index fdd010a3..972b666b 100644
--- a/src/app/components/NavLink.jsx
+++ b/src/app/components/NavLink.jsx
@@ -1,8 +1,15 @@
 import Link from "next/link";
 
-const NavLink = ({ href, title }) => {
+const NavLink = ({ href, title, setNavbarOpen = () => {} }) => {
+  
+  const handleClick = () => {
+    setNavbarOpen(false);
+  };
+
   return (
     <Link
+      onClick={handleClick}
+      style={{ fontSize: "1rem" }}
       href={href}
       className="block py-2 pl-3 pr-4 text-[#ADB7BE] sm:text-xl rounded md:p-0 hover:text-white"
     >
@@ -10,5 +17,4 @@ const NavLink = ({ href, title }) => {
     </Link>
   );
 };
-
-export default NavLink;
+export default NavLink;
\ No newline at end of file
diff --git a/src/app/components/Navbar.jsx b/src/app/components/Navbar.jsx
index 1088f425..cde4fa8e 100644
--- a/src/app/components/Navbar.jsx
+++ b/src/app/components/Navbar.jsx
@@ -3,7 +3,6 @@ import Link from "next/link";
 import React, { useState } from "react";
 import NavLink from "./NavLink";
 import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/solid";
-import MenuOverlay from "./MenuOverlay";
 
 const navLinks = [
   {
@@ -59,7 +58,17 @@ const Navbar = () => {
           </ul>
         </div>
       </div>
-      {navbarOpen ? <MenuOverlay links={navLinks} /> : null}
+      {navbarOpen ? (
+        <ul className="flex flex-col py-4 items-center">
+          {
+            navLinks.map((link, index) => (
+            <li key={index}>
+              <NavLink href={link.path} title={link.title} key={index} setNavbarOpen={setNavbarOpen} />
+            </li>
+            ))
+          }
+        </ul>
+      ) : null}
     </nav>
   );
 };