fix: SW-1040 Updated fields clickable area

components/Forms/BookingWidget/FormContent/formContent.module.css

@@ -12,6 +12,11 @@
   display: none;
 }
 
+.rooms,
+.when {
+  position: relative;
+}
+
 @media screen and (max-width: 767px) {
   .voucherContainer {
     padding: var(--Spacing-x2) 0 var(--Spacing-x4);
@@ -43,6 +48,10 @@
     justify-content: center;
     width: 100%;
   }
+
+  .rooms {
+    height: 60px;
+  }
 }
 
 @media screen and (min-width: 768px) {
@@ -79,7 +88,7 @@
   .when:hover,
   .rooms:hover,
   .when:has([data-isopen="true"]),
-  .rooms:has(.input:active, .input:focus, .input:focus-within) {
+  .rooms:has([data-focused="true"], [data-pressed="true"]) {
     background-color: var(--Base-Surface-Primary-light-Hover-alt);
   }