diff --git a/src/components/Header.astro b/src/components/Header.astro
index 85cc76c..afaaa5d 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -3,14 +3,16 @@ import HeaderLink from './HeaderLink.astro';
 import { SITE_TITLE } from '../consts';
 ---
 
-<header class="flex justify-center gap-24 mb-12">
-	<a class="font-bold" href="/">
-		{SITE_TITLE}
-	</a>
+<header class="flex justify-center gap-64">
+	<div>
+		<a class="font-bold" href="/">
+			{SITE_TITLE}
+		</a>
+	</div>
 	<nav>
 		<HeaderLink href="/about">about</HeaderLink>
-		<HeaderLink href="/projects">projects</HeaderLink>
-		<HeaderLink href="/resume">resume</HeaderLink>
+		<HeaderLink href="#">projects</HeaderLink>
+		<HeaderLink href="#">resume</HeaderLink>
 		<HeaderLink href="/blog">blog</HeaderLink>
 	</nav>
 </header>
\ No newline at end of file
diff --git a/src/components/HeaderLink.astro b/src/components/HeaderLink.astro
index 3dd439b..b780397 100644
--- a/src/components/HeaderLink.astro
+++ b/src/components/HeaderLink.astro
@@ -19,6 +19,6 @@ const isActive = href === pathname || href === pathname.replace(/\/$/, '');
 	}
 	a.active {
 		font-weight: bolder;
-		text-decoration: underline;
+		border-bottom: 2px solid;
 	}
 </style>