diff --git a/src/pages/collections/CollectionPage.jsx b/src/pages/collections/CollectionPage.jsx
index 32324133..bd97cf0b 100644
--- a/src/pages/collections/CollectionPage.jsx
+++ b/src/pages/collections/CollectionPage.jsx
@@ -140,13 +140,13 @@ const CollectionPage = () => {
               </div>
             </div>
 
-            <div className="col-12 col-sm-8 d-block d-sm-flex justify-content-end ga-2  align-items-center gap-2">
+            <div className="col-12 col-sm-8 d-block d-sm-flex justify-content-end ga-2 align-items-center gap-2">
               <input
                 type="search"
                 value={searchText}
                 onChange={(e) => setSearchText(e.target.value)}
                 placeholder="Search Collection"
-                className="form-control form-control-sm   mt-2 mt-sm-0"
+                className="form-control form-control-sm w-25 mt-2 mt-sm-0"
               />
               <div className="d-flex justify-content-between justify-content-sm-between mt-2 mt-sm-0">
                 <FormProvider {...methods} className="me-3">