From a9789a8a7cb2109a7d9b99565996675eca28ee94 Mon Sep 17 00:00:00 2001
From: Christel Westerberg <christel.westerberg@scandichotels.com>
Date: Fri, 7 Nov 2025 07:52:24 +0000
Subject: [PATCH] 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
---
 .../HotelReservation/MyStay/ReferenceCard/Room/index.tsx   | 2 +-
 .../MyStay/ReferenceCard/Room/room.module.css              | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Room/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Room/index.tsx
index 5a403a6b4..94f319e75 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Room/index.tsx
+++ b/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>
   )
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Room/room.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Room/room.module.css
index fe9adce2d..23c08a5b1 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Room/room.module.css
+++ b/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;
+}