Merged in fix/STAY-38 (pull request #3097)

fix: handle text overflow on room title in My Stay reference card

* fix: handle text overflow on room title in My Stay reference card


Approved-by: Erik Tiekstra

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Room/index.tsx

@@ -38,7 +38,7 @@ export default function Room() {
       </div>
 
       <Typography variant="Body/Paragraph/mdRegular">
-        <p>{room}</p>
+        <p className={styles.title}>{room}</p>
       </Typography>
     </div>
   )

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Room/room.module.css

@@ -2,6 +2,7 @@
   align-items: center;
   display: flex;
   justify-content: space-between;
+  gap: var(--Space-x1);
 }
 
 .label {
@@ -13,3 +14,9 @@
 .textDefault {
   color: var(--Text-Default);
 }
+
+.title {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}