diff --git a/components/Forms/BookingWidget/FormContent/Input/index.tsx b/components/Forms/BookingWidget/FormContent/Input/index.tsx
index 762d48cf3..7a592f594 100644
--- a/components/Forms/BookingWidget/FormContent/Input/index.tsx
+++ b/components/Forms/BookingWidget/FormContent/Input/index.tsx
@@ -10,11 +10,7 @@ const Input = forwardRef<
 >(function InputComponent(props, ref) {
   return (
     <Body asChild>
-      <input
-        {...props}
-        ref={ref}
-        className={`${styles.input} ${props.className}`}
-      />
+      <input {...props} ref={ref} className={styles.input} />
     </Body>
   )
 })
diff --git a/components/Forms/BookingWidget/FormContent/Search/index.tsx b/components/Forms/BookingWidget/FormContent/Search/index.tsx
index 8ecd56e6b..98c5b36e8 100644
--- a/components/Forms/BookingWidget/FormContent/Search/index.tsx
+++ b/components/Forms/BookingWidget/FormContent/Search/index.tsx
@@ -145,7 +145,6 @@ export default function Search({ locations }: SearchProps) {
           <div {...getRootProps({}, { suppressRefError: true })}>
             <Input
               {...getInputProps({
-                className: styles.input,
                 id: name,
                 onFocus(evt) {
                   handleOnFocus(evt)
diff --git a/components/Forms/BookingWidget/FormContent/Search/search.module.css b/components/Forms/BookingWidget/FormContent/Search/search.module.css
index ce87eb473..a96361381 100644
--- a/components/Forms/BookingWidget/FormContent/Search/search.module.css
+++ b/components/Forms/BookingWidget/FormContent/Search/search.module.css
@@ -7,24 +7,24 @@
 }
 
 .container:hover,
-.container:has(input:active, .input:focus, .input:focus-within) {
+.container:has(input:active, input:focus, input:focus-within) {
   background-color: var(--Base-Surface-Primary-light-Hover-alt);
 }
 
-.container:has(input:active, .input:focus, .input:focus-within) {
+.container:has(input:active, input:focus, input:focus-within) {
   border-color: 1px solid var(--UI-Input-Controls-Border-Focus);
 }
 
 .label:has(
-    ~ .inputContainer .input:active,
-    ~ .inputContainer .input:focus,
-    ~ .inputContainer .input:focus-within
+    ~ inputContainer input:active,
+    ~ inputContainer input:focus,
+    ~ inputContainer input:focus-within
   )
   p {
   color: var(--UI-Text-Active);
 }
 
-.container:hover:has(.input:not(:active, :focus, :focus-within))
-  .input::-webkit-search-cancel-button {
+.container:hover:has(input:not(:active, :focus, :focus-within))
+  input::-webkit-search-cancel-button {
   display: none;
 }
