diff --git a/components/Forms/BookingWidget/FormContent/Search/search.module.css b/components/Forms/BookingWidget/FormContent/Search/search.module.css
index b47c080bb..92ae3731d 100644
--- a/components/Forms/BookingWidget/FormContent/Search/search.module.css
+++ b/components/Forms/BookingWidget/FormContent/Search/search.module.css
@@ -7,24 +7,32 @@
 }
 
 .container:hover,
-.container:has(.input:active, .input:focus, .input:focus-within) {
+.container:has(
+    .searchInput:active,
+    .searchInput:focus,
+    .searchInput:focus-within
+  ) {
   background-color: var(--Base-Surface-Primary-light-Hover-alt);
 }
 
-.container:has(.input:active, .input:focus, .input:focus-within) {
+.container:has(
+    .searchInput:active,
+    .searchInput:focus,
+    .searchInput: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 .searchInput:active,
+    ~ .inputContainer .searchInput:focus,
+    ~ .inputContainer .searchInput: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(.searchInput:not(:active, :focus, :focus-within))
+  .searchInput::-webkit-search-cancel-button {
   display: none;
 }