fix(SW-1446): button accepts phrasing content

apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/JumpTo/Client/ClientModal/clientModal.module.css

@@ -96,6 +96,11 @@
   align-items: center;
   text-align: left;
   width: 100%;
+  cursor: pointer;
+
+  & span {
+    display: block;
+  }
 
   & .icon {
     background: var(--Base-Button-Primary-Fill-Normal);

apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/JumpTo/Client/ClientModal/index.tsx

@@ -42,21 +42,21 @@ export function ClientModal({
   return (
     <DialogTrigger>
       <ButtonRAC className={styles.trigger}>
-        <div>
+        <span>
           <Typography variant="Body/Supporting text (caption)/smBold">
-            <div className={styles.label}>
+            <span className={styles.label}>
               {intl.formatMessage({ id: "Where to?" })}
-            </div>
+            </span>
           </Typography>
           <Typography variant="Body/Paragraph/mdRegular">
-            <div className={styles.placeholder}>
+            <span className={styles.placeholder}>
               {intl.formatMessage({ id: "Hotels & Destinations" })}
-            </div>
+            </span>
           </Typography>
-        </div>
-        <div className={styles.icon}>
+        </span>
+        <span className={styles.icon}>
           <MaterialIcon icon="search" color="CurrentColor" />
-        </div>
+        </span>
       </ButtonRAC>
       <ModalOverlay className={styles.modalOverlay} isDismissable={true}>
         <Modal className={styles.modal}>