diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 599912a..49a50b4 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { NavLink } from "react-router-dom";
+import { Link } from "react-router-dom";
 
 //CSS
 import styles from "./styles/Navbar.module.css";
@@ -12,18 +12,18 @@ const Navbar = () => {
                     <h2>Dockets</h2>
                 </div>
                 <ul>
-                    <NavLink to="/" activeStyle={{ color: "white" }}>
+                    <Link to="/" activeStyle={{ color: "white" }}>
                         Home
-          </NavLink>
-                    <NavLink href="" activeStyle={{ color: "white" }}>
+          </Link>
+                    <Link href="" activeStyle={{ color: "white" }}>
                         Documentation
-          </NavLink>
-                    <NavLink href="" activeStyle={{ color: "white" }}>
+          </Link>
+                    <Link href="" activeStyle={{ color: "white" }}>
                         Learn More
-          </NavLink>
-                    <NavLink to="/Aboutus" activeStyle={{ color: "white" }}>
+          </Link>
+                    <Link to="/Aboutus" activeStyle={{ color: "white" }}>
                         About Us
-          </NavLink>
+          </Link>
                 </ul>
             </div>
         </nav>