diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte
index b607d257e0..52d289825c 100644
--- a/packages/site-kit/src/lib/nav/Nav.svelte
+++ b/packages/site-kit/src/lib/nav/Nav.svelte
@@ -88,10 +88,6 @@ Top navigation bar for the application. It provides a slot for the left side, th
 	{/if}
 
 	<div class="desktop">
-		<div class="center-area">
-			{@render search?.()}
-		</div>
-
 		<div class="menu">
 			{#each links as link}
 				{#if link.sections?.[0].path}
@@ -116,6 +112,8 @@ Top navigation bar for the application. It provides a slot for the left side, th
 				>
 				<ThemeToggle />
 			</div>
+
+			{@render search?.()}
 		</div>
 	</div>
 
@@ -317,17 +315,10 @@ Top navigation bar for the application. It provides a slot for the left side, th
 		}
 	}
 
-	.desktop .center-area {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex: 1;
-	}
-
 	@media (min-width: 800px) {
 		nav {
 			display: grid;
-			grid-template-columns: auto 1fr 1fr;
+			grid-template-columns: 1fr auto;
 		}
 
 		nav::after {
@@ -357,11 +348,4 @@ Top navigation bar for the application. It provides a slot for the left side, th
 			display: none;
 		}
 	}
-
-	@media (min-width: 1240px) {
-		nav {
-			display: grid;
-			grid-template-columns: 1fr auto 1fr;
-		}
-	}
 </style>
diff --git a/packages/site-kit/src/lib/search/Search.svelte b/packages/site-kit/src/lib/search/Search.svelte
index b9e8b2e732..31a8990f50 100644
--- a/packages/site-kit/src/lib/search/Search.svelte
+++ b/packages/site-kit/src/lib/search/Search.svelte
@@ -139,7 +139,8 @@ Renders a search widget which when clicked (or the corresponding keyboard shortc
 
 	@media (min-width: 1240px) {
 		.search-container {
-			width: 32rem;
+			width: 19rem;
+			margin-left: 1rem;
 		}
 	}
 </style>