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;
+}