fix: only phrasing content is allowed inside buttons meaning no div or p elements, these are now replaced by span

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

@@ -33,8 +33,8 @@ export default function ClearSearchButton({
       type="button"
     >
       <DeleteIcon color="burgundy" height={20} width={20} />
-      <Caption color="burgundy" type="bold">
-        {intl.formatMessage({ id: "Clear searches" })}
+      <Caption color="burgundy" type="bold" asChild>
+        <span>{intl.formatMessage({ id: "Clear searches" })}</span>
       </Caption>
     </button>
   )

components/Forms/BookingWidget/FormContent/index.tsx

@@ -65,12 +65,17 @@ export default function FormContent({
             theme="base"
             type="submit"
           >
-            <Caption color="white" type="bold" className={styles.buttonText}>
-              {intl.formatMessage({ id: "Search" })}
+            <Caption
+              color="white"
+              type="bold"
+              className={styles.buttonText}
+              asChild
+            >
+              <span>{intl.formatMessage({ id: "Search" })}</span>
             </Caption>
-            <div className={styles.icon}>
+            <span className={styles.icon}>
               <SearchIcon color="white" width={28} height={28} />
-            </div>
+            </span>
           </Button>
         </div>
       </div>