diff --git a/components/layout/navbar/search.tsx b/components/layout/navbar/search.tsx
index e6d9ce307..c7a410b9d 100644
--- a/components/layout/navbar/search.tsx
+++ b/components/layout/navbar/search.tsx
@@ -32,7 +32,7 @@ export default function Search() {
   }
 
   return (
-    <form onSubmit={onSubmit} className="relative w-full lg:w-[320px]">
+    <form onSubmit={onSubmit} className="w-max-[550px] relative w-full lg:w-80 xl:w-full">
       <input
         type="text"
         name="search"