diff --git a/src/lib/components/layout/header.svelte b/src/lib/components/layout/header.svelte
index f9ff3a7..5458b31 100644
--- a/src/lib/components/layout/header.svelte
+++ b/src/lib/components/layout/header.svelte
@@ -112,7 +112,7 @@
 
 				<Button
 					onClick={() => {
-						routeTo('blog');
+						routeTo('/blog');
 					}}
 					classes="group flex text-left text-2xl font-semibold"
 				>
@@ -125,7 +125,7 @@
 
 				<Button
 					onClick={() => {
-						routeTo('projects');
+						routeTo('/projects');
 					}}
 					classes="group flex text-left text-2xl font-semibold"
 				>
@@ -138,7 +138,7 @@
 
 				<Button
 					onClick={() => {
-						routeTo('about');
+						routeTo('/about');
 					}}
 					classes="group flex text-left text-2xl font-semibold"
 				>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4dab26d..12ee8b3 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -23,7 +23,7 @@
 </div>
 <div class="flex flex-col gap-4">
 	<Button
-		href="blog"
+		href="/blog"
 		classes="group flex bg-gray-100 px-3.5 py-2.5 hover:bg-gray-200 sm:px-5 sm:py-4 md:px-6 md:py-5"
 	>
 		<span class="flex flex-1 flex-col">
@@ -37,7 +37,7 @@
 		</span>
 	</Button>
 	<Button
-		href="projects"
+		href="/projects"
 		classes="group flex bg-gray-100 px-3.5 py-2.5 hover:bg-gray-200 sm:px-5 sm:py-4 md:px-6 md:py-5"
 	>
 		<span class="flex flex-1 flex-col">
@@ -51,7 +51,7 @@
 		</span>
 	</Button>
 	<Button
-		href="about"
+		href="/about"
 		classes="group flex bg-gray-100 px-3.5 py-2.5 hover:bg-gray-200 sm:px-5 sm:py-4 md:px-6 md:py-5"
 	>
 		<span class="flex flex-1 flex-col">