diff --git a/src/components/Navbar/NavItems.tsx b/src/components/Navbar/NavItems.tsx
index 4f193b10..131d67f4 100644
--- a/src/components/Navbar/NavItems.tsx
+++ b/src/components/Navbar/NavItems.tsx
@@ -5,7 +5,6 @@ interface NavItemsProps {
     handleClick: () => void;
 }
 
-// update the name of href
 const links = [
     { title: 'About', href: 'about-anchor' },
     { title: 'Sponsors', href: 'sponsors-anchor' },
@@ -20,15 +19,8 @@ const colStyle = 'flex-col lg:p-0';
 const navbarHeightPx = 80;
 const scrollPaddingPx = -(navbarHeightPx + 20); // navbarHeight + extra padding
 
-/**
-if href is team anchor, 
-then increase the offset
-otherwise
-keep them the same 
 
-*/
-
-const NavItems: React.FC<NavItemsProps> = ({ isHorizontal }) => {
+const NavItems: React.FC<NavItemsProps> = ({ isHorizontal, handleClick }) => {
     return (
         <ul
             className={`flex gap-7 text-deepMarine ${
@@ -43,6 +35,7 @@ const NavItems: React.FC<NavItemsProps> = ({ isHorizontal }) => {
                         duration={500}
                         offset={scrollPaddingPx}
                         className="text-md w-full"
+                        onClick={handleClick}
                     >
                         {link.title}
                     </Link>