From db5f79c1d325c6e8f8ccc25302dd3c752594b6ef Mon Sep 17 00:00:00 2001
From: Bianca Widstam <bianca.widstam@scandichotels.com>
Date: Mon, 9 Jun 2025 12:25:13 +0000
Subject: [PATCH] Merged in fix/SW-2986-select-rate-breakfast-message (pull
 request #2315)

fix(SW-2986): breakfast message on other languages break ui select rate

* fix(SW-2986): breakfast message on other languages break ui select rate

* fix(SW-2155

* fix(SW-2986): remove redundant css


Approved-by: Christian Andolf
---
 .../Rates/BreakfastMessage/breakfastMessage.module.css | 10 +++++++++-
 .../RoomListItem/Rates/BreakfastMessage/index.tsx      |  9 ++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/BreakfastMessage/breakfastMessage.module.css b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/BreakfastMessage/breakfastMessage.module.css
index 71316289a..54b465b81 100644
--- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/BreakfastMessage/breakfastMessage.module.css
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/BreakfastMessage/breakfastMessage.module.css
@@ -3,5 +3,13 @@
   align-items: center;
   text-align: center;
   gap: var(--Space-x1);
-  white-space: nowrap;
+}
+
+.breakfastMessage {
+  flex: 0 1 auto;
+}
+
+.divider {
+  flex: 1;
+  min-width: 5%;
 }
diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/BreakfastMessage/index.tsx b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/BreakfastMessage/index.tsx
index f96ff1e99..ea8ab35fa 100644
--- a/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/BreakfastMessage/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Rates/BreakfastMessage/index.tsx
@@ -66,11 +66,14 @@ export default function BreakfastMessage({
 
   return (
     <div className={styles.message}>
-      <Divider color="borderDividerSubtle" />
-      <Typography variant={"Body/Supporting text (caption)/smRegular"}>
+      <Divider className={styles.divider} color="borderDividerSubtle" />
+      <Typography
+        variant={"Body/Supporting text (caption)/smRegular"}
+        className={styles.breakfastMessage}
+      >
         <p>{breakfastMessage}</p>
       </Typography>
-      <Divider color="borderDividerSubtle" />
+      <Divider className={styles.divider} color="borderDividerSubtle" />
     </div>
   )
 }