diff --git a/apps/web/app/(app)/environments/[environmentId]/surveys/templates/TemplateContainer.tsx b/apps/web/app/(app)/environments/[environmentId]/surveys/templates/TemplateContainer.tsx
index 211fb83167..1055cf571f 100644
--- a/apps/web/app/(app)/environments/[environmentId]/surveys/templates/TemplateContainer.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/surveys/templates/TemplateContainer.tsx
@@ -46,6 +46,8 @@ export default function TemplateContainerWithPreview({
                 onChange={(e) => setTemplateSearch(e.target.value)}
                 placeholder={"Search..."}
                 className="block rounded-md border border-slate-100 bg-white shadow-sm focus:border-slate-500 focus:outline-none focus:ring-0 sm:text-sm md:w-auto "
+                type="search"
+                name="search"
               />
             </div>
           </div>
diff --git a/packages/ui/components/SearchBox.tsx b/packages/ui/components/SearchBox.tsx
index 4ad60e0c18..079be7a42b 100644
--- a/packages/ui/components/SearchBox.tsx
+++ b/packages/ui/components/SearchBox.tsx
@@ -20,9 +20,6 @@ const SearchBox = React.forwardRef<HTMLInputElement, InputProps>(({ className, .
         )}
         ref={ref}
         {...props}
-        type="search"
-        name="search"
-        placeholder="Search..."
       />
       <div className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">
         <Search className="h-5 w-5 text-gray-400" />