From cb3290d30aecc4ede9e4b96483182aaf6128f67b Mon Sep 17 00:00:00 2001
From: Jorge Moya <jorge.moya@bigcommerce.com>
Date: Wed, 31 Jul 2024 16:20:35 -0500
Subject: [PATCH] fix(core): overlapping styles in search form

---
 .changeset/friendly-seas-wash.md      | 5 +++++
 core/components/search-form/index.tsx | 7 +------
 2 files changed, 6 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/friendly-seas-wash.md

diff --git a/.changeset/friendly-seas-wash.md b/.changeset/friendly-seas-wash.md
new file mode 100644
index 0000000000..282b9fcfe4
--- /dev/null
+++ 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
index 21f00631d2..74f2af80b6 100644
--- 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>