diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index db81867b..77f213af 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -9,7 +9,7 @@
 <header
 	class="flex flex-col justify-end h-36 items-center border-b-2 border-gray-100 dark:border-zinc-700"
 >
-	<div class="mx-4 w-full min-w-fit">
+	<div class="px-4 w-full min-w-fit">
 		<div class="md:mx-auto flex max-w-screen-md items-center">
 			<Searchbox categories={true} bind:query />
 		</div>