diff --git a/src/components/sections/NavBar.astro b/src/components/sections/NavBar.astro
index d98b349..435564a 100644
--- a/src/components/sections/NavBar.astro
+++ b/src/components/sections/NavBar.astro
@@ -13,27 +13,27 @@
         <nav class="flex flex-col capitalize" role="navigation">
             <a
                 class="sidebar-url px-5 py-2 mt-10 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
-                href="./">Home</a
+                href="../">Home</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="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>
@@ -49,28 +49,28 @@
         >
             <a
                 class="px-3 mx-2 py-1 text-white hover:bg-gray-200 hover:text-black transition-colors duration-300 rounded-md"
-                href="./">home</a
+                href="../">home</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="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>