diff --git a/src/components/sections/NavBar.astro b/src/components/sections/NavBar.astro
index d98b349..9133f2a 100644
--- a/src/components/sections/NavBar.astro
+++ b/src/components/sections/NavBar.astro
@@ -17,23 +17,23 @@
             >
             <a
                 class="sidebar-url px-5 py-2 mt-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
-                href="what-i-do">What I Do</a
+                href="./what-i-do">What I Do</a
             >
             <a
                 class="sidebar-url px-5 py-2 mt-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
-                href="projects">Projects</a
+                href="./projects">Projects</a
             >
             <a
                 class="sidebar-url px-5 py-2 mt-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
-                href="skills">Skills</a
+                href="./skills">Skills</a
             >
             <a
                 class="sidebar-url px-5 py-2 mt-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
-                href="education">Education</a
+                href="./education">Education</a
             >
             <a
                 class="sidebar-url px-5 py-2 mt-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
-                href="contact">Contact</a
+                href="./contact">Contact</a
             >
         </nav>
     </aside>
@@ -53,24 +53,24 @@
             >
             <a
                 class="px-3 mx-2 py-1 text-white hover:bg-gray-200 hover:text-black transition-colors duration-300 rounded-md"
-                href="what-i-do">What I Do</a
+                href="./what-i-do">What I Do</a
             >
 
             <a
                 class="px-3 mx-2 py-1 text-white hover:bg-gray-200 hover:text-black transition-colors duration-300 rounded-md"
-                href="projects">projects</a
+                href="./projects">projects</a
             >
             <a
                 class="px-3 mx-2 py-1 text-white hover:bg-gray-200 hover:text-black transition-colors duration-300 rounded-md"
-                href="skills">skills</a
+                href="./skills">skills</a
             >
             <a
                 class="px-3 mx-2 py-1 text-white hover:bg-gray-200 hover:text-black transition-colors duration-300 rounded-md"
-                href="education">education</a
+                href="./education">education</a
             >
             <a
                 class="px-3 mx-2 py-1 text-white hover:bg-gray-200 hover:text-black transition-colors duration-300 rounded-md"
-                href="contact">contact</a
+                href="./contact">contact</a
             >
         </div>
     </div>