diff --git a/src/lib/components/layout/header.svelte b/src/lib/components/layout/header.svelte
index 1d29422..5bbe0da 100644
--- a/src/lib/components/layout/header.svelte
+++ b/src/lib/components/layout/header.svelte
@@ -31,7 +31,7 @@
 >
 	<div class="mx-auto flex">
 		<div class="flex-1"></div>
-		<div class="flex items-center gap-0.5 lg:gap-4">
+		<div class="flex items-center gap-0.5 sm:gap-1 md:gap-2 lg:gap-4">
 			<Button href="/" classes="hover:bg-gray-100">
 				<Icon icon="home" weight={600} classes="text-gb p-2 text-3xl sm:text-4xl" />
 			</Button>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 99536ed..6dbf5cf 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -18,7 +18,7 @@
 		<Button
 			href="https://ssw.com.au"
 			target="_blank"
-			classes="bg-gradient-to-b from-red-500 to-red-900 bg-clip-text font-bold text-transparent"
+			classes="whitespace-nowrap bg-gradient-to-b from-red-500 to-red-900 bg-clip-text font-bold text-transparent"
 		>
 			SSW Consulting.
 		</Button>
@@ -41,6 +41,7 @@
 		<span class="h-[2px] w-full bg-gradient-to-r from-blue-600 to-blue-950" />
 		<span class="flex flex-col px-3.5 py-2.5">
 			<span class="font-semibold">Blog</span>
+			<span class="text-sm text-gray-500">Read my latest posts.</span>
 		</span>
 	</Button>
 	<Button
@@ -53,6 +54,7 @@
 		<span class="h-[2px] w-full bg-gradient-to-r from-blue-600 to-blue-950" />
 		<span class="flex flex-col px-3.5 py-2.5">
 			<span class="font-semibold">Projects</span>
+			<span class="text-sm text-gray-500">View projects I've worked on.</span>
 		</span>
 	</Button>
 	<Button
@@ -65,6 +67,7 @@
 		<span class="h-[2px] w-full bg-gradient-to-r from-blue-600 to-blue-950" />
 		<span class="flex flex-col px-3.5 py-2.5">
 			<span class="font-semibold">About</span>
+			<span class="text-sm text-gray-500">Learn more about me.</span>
 		</span>
 	</Button>
 </div>