diff --git a/src/App.jsx b/src/App.jsx
index 129bc5a..0e3e6a6 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -11,6 +11,7 @@ import Loader from "@/components/Loader";
 import ScrollToTop from "@/components/ScrollToTop";
 
 const navLinks = [
+  { name: "Home", path: "/" },
   { name: "About Us", path: "/about-us" },
   { name: "Our Team", path: "/teams" },
   { name: "Gallery", path: "/gallery" },
diff --git a/src/components/Navbar/index.jsx b/src/components/Navbar/index.jsx
index 7ecd339..4042806 100644
--- a/src/components/Navbar/index.jsx
+++ b/src/components/Navbar/index.jsx
@@ -19,7 +19,9 @@ function Navbar({ links }) {
 
   return (
     <nav
-      className={`shadow-md w-full flex xs:flex-col md:flex-row ${isOpen ? "xs:h-screen" : ""} md:h-full justify-between items-center pr-6 bg-secondary-dark relative z-50`}
+      className={`shadow-md w-full flex xs:flex-col md:flex-row ${
+        isOpen ? "xs:h-screen" : ""
+      } md:h-full justify-between items-center pr-6 bg-secondary-dark relative z-50`}
     >
       <div className="flex flex-row justify-between xs:w-full md:w-auto items-center">
         <Link
@@ -62,11 +64,7 @@ function Navbar({ links }) {
             </Link>
             <span
               className={`block group-hover:max-w-full transition-all duration-500 h-0.5 bg-primary rounded ${
-                location.pathname
-                  .toLowerCase()
-                  .includes(link.path.toLowerCase())
-                  ? "w-full"
-                  : "max-w-0"
+                location.pathname === link.path ? "w-full" : "max-w-0"
               }`}
             />
           </li>