fix(core): overlapping styles in search form

bigcommerce · Jul 31, 2024 · cb3290d · cb3290d
1 parent c00b6fb
commit cb3290d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/.changeset/friendly-seas-wash.md b/.changeset/friendly-seas-wash.md
@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+Fix overlapping styles in search form.
diff --git a/core/components/search-form/index.tsx b/core/components/search-form/index.tsx
@@ -21,12 +21,7 @@ export const SearchForm = ({ initialTerm = '' }: Props) => {
       <Form action="/search" className="flex" method="get">
         <Field className="me-4 w-full" name="search">
           <FieldControl asChild>
-            <Input
-              className="grey-200 border-2 px-8 py-3 font-semibold"
-              defaultValue={initialTerm}
-              name="term"
-              placeholder={t('searchPlaceholder')}
-            />
+            <Input defaultValue={initialTerm} name="term" placeholder={t('searchPlaceholder')} />
           </FieldControl>
         </Field>
         <FormSubmit asChild>