diff --git a/src/lib/components/Search.svelte b/src/lib/components/Search.svelte
index a9627d5..c248f99 100644
--- a/src/lib/components/Search.svelte
+++ b/src/lib/components/Search.svelte
@@ -2,6 +2,7 @@
 	<input
 		type="text"
 		placeholder="Search..."
-		class="rounded-md bg-zinc-200 px-4 py-[6px] text-md/10 grow-0 focus:grow transition-all hover:ring-1 hover:ring-zinc-500 focus:outline-none focus:ring-2 focus:ring-coral-300 placeholder:text-zinc-600"
+		class="rounded-md bg-zinc-200 px-4 py-[6px] text-md/10 grow-0
+   			   focus:grow max-w-96 transition-all hover:ring-1 hover:ring-zinc-500 focus:outline-none focus:ring-2 focus:ring-coral-300 placeholder:text-zinc-600"
 	/>
 </div>