diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/hotelDescription.module.css b/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/hotelDescription.module.css index 85289a5c2..a6f1bff19 100644 --- a/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/hotelDescription.module.css +++ b/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/hotelDescription.module.css @@ -6,6 +6,7 @@ .descriptionWrapper { display: flex; flex-direction: column; + gap: var(--Space-x2); } .collapsed { @@ -55,7 +56,6 @@ justify-content: center; flex-wrap: wrap; gap: var(--Space-x15); - padding-bottom: var(--Space-x2); } .facilitiesItem { diff --git a/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/index.tsx b/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/index.tsx index 30a3fdcb4..7c5334a7d 100644 --- a/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/index.tsx +++ b/apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/index.tsx @@ -53,22 +53,21 @@ export default function HotelDescription({ ))} - -

- {description} -

-
- - - {expanded ? textShowLess : textShowMore} - - - - {expanded && ( +
+ +

+ {description} +

+
+ + + {expanded ? textShowLess : textShowMore} + +
- {hotel.specialAlerts.map((alert) => ( - - ))}
- )} +
+ + {hotel.specialAlerts.map((alert) => ( + + ))} ) }