diff --git a/src/ui/layout/main-header.tsx b/src/ui/layout/main-header.tsx
index 5bdc7c7160..401685db23 100644
--- a/src/ui/layout/main-header.tsx
+++ b/src/ui/layout/main-header.tsx
@@ -95,9 +95,11 @@ export function MainHeader(props: NavProps) {
 					<li>
 						<A
 							href="/"
-							class="text-slate-900 dark:text-slate-200 relative overflow-hidden drop-shadow-[0_35px_35px_rgba(1,1,1,1.75)] px-2"
+							class="border-b-2 text-slate-900 dark:text-slate-200 relative overflow-hidden drop-shadow-[0_35px_35px_rgba(1,1,1,1.75)] px-2"
+              activeClass="border-b-blue-500 dark:bottom-b-blue-500"
+              inactiveClass="border-transparent"
 							classList={{
-								"border-b-2 border-b-blue-500 dark:bottom-b-blue-500 transition-all duration-250":
+								"transition-all duration-250":
 									project() === "solid" && !translatedLocale(),
 							}}
 							addLocale
@@ -108,8 +110,9 @@ export function MainHeader(props: NavProps) {
 					<li>
 						<A
 							href="/solid-router"
-							class="text-slate-900 dark:text-slate-200 px-2"
-							activeClass="border-b-2 border-b-blue-500 dark:bottom-b-blue-500 transition-all duration-250"
+							class="border-b-2 text-slate-900 dark:text-slate-200 px-2"
+							activeClass="border-b-blue-500 dark:bottom-b-blue-500 transition-all duration-250"
+              inactiveClass="border-transparent"
 							addLocale
 						>
 							Router
@@ -118,8 +121,9 @@ export function MainHeader(props: NavProps) {
 					<li>
 						<A
 							href="/solid-start"
-							class="text-slate-900 dark:text-slate-200 px-2"
-							activeClass="border-b-2 border-b-blue-500 dark:bottom-b-blue-500 transition-all duration-250"
+							class="border-b-2 text-slate-900 dark:text-slate-200 px-2"
+							activeClass="border-b-blue-500 dark:bottom-b-blue-500 transition-all duration-250"
+              inactiveClass="border-transparent"
 							addLocale
 						>
 							SolidStart
@@ -128,8 +132,9 @@ export function MainHeader(props: NavProps) {
 					<li>
 						<A
 							href="/solid-meta"
-							class="text-slate-900 dark:text-slate-200 px-2"
-							activeClass="border-b-2 border-b-blue-500 dark:bottom-b-blue-500 transition-all duration-250"
+							class="border-b-2 text-slate-900 dark:text-slate-200 px-2"
+							activeClass="border-b-blue-500 dark:bottom-b-blue-500 transition-all duration-250"
+              inactiveClass="border-transparent"
 							addLocale
 						>
 							Meta