From 17cfc2b04f74edccf1870f76a6b07c1de17194a8 Mon Sep 17 00:00:00 2001
From: Michael Zetterberg <michael.zetterberg@scandichotels.com>
Date: Tue, 8 Apr 2025 06:38:32 +0200
Subject: [PATCH] fix(SW-1446): button accepts phrasing content

---
 .../Client/ClientModal/clientModal.module.css    |  5 +++++
 .../JumpTo/Client/ClientModal/index.tsx          | 16 ++++++++--------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/JumpTo/Client/ClientModal/clientModal.module.css b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/JumpTo/Client/ClientModal/clientModal.module.css
index 0c857fae9..6c0f5ebc2 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/JumpTo/Client/ClientModal/clientModal.module.css
+++ b/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);
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/JumpTo/Client/ClientModal/index.tsx b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/JumpTo/Client/ClientModal/index.tsx
index 9faee9f82..720a70c3a 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/JumpTo/Client/ClientModal/index.tsx
+++ b/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}>