fix: SW-1040 Updated fields clickable area

components/Forms/BookingWidget/FormContent/Search/index.tsx

@@ -169,25 +169,27 @@ export default function Search({ locations }: SearchProps) {
             </Caption>
           </label>
           <div {...getRootProps({}, { suppressRefError: true })}>
-            <Input
-              {...getInputProps({
-                id: name,
-                onFocus(evt) {
-                  handleOnFocus(evt)
-                  openMenu()
-                },
-                placeholder: intl.formatMessage({
-                  id: "Destinations & hotels",
-                }),
-                ...register(name, {
-                  onBlur: function () {
-                    closeMenu()
+            <label className={styles.searchInput}>
+              <Input
+                {...getInputProps({
+                  id: name,
+                  onFocus(evt) {
+                    handleOnFocus(evt)
+                    openMenu()
                   },
-                  onChange: handleOnChange,
-                }),
-                type: "search",
-              })}
-            />
+                  placeholder: intl.formatMessage({
+                    id: "Destinations & hotels",
+                  }),
+                  ...register(name, {
+                    onBlur: function () {
+                      closeMenu()
+                    },
+                    onChange: handleOnChange,
+                  }),
+                  type: "search",
+                })}
+              />
+            </label>
           </div>
           <SearchList
             getItemProps={getItemProps}

components/Forms/BookingWidget/FormContent/Search/search.module.css

@@ -25,3 +25,15 @@
   p {
   color: var(--UI-Text-Active);
 }
+
+.searchInput {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  height: 100%;
+  padding: var(--Spacing-x3) var(--Spacing-x-one-and-half) var(--Spacing-x-half);
+  align-items: center;
+  display: grid;
+}