From a0fa238b27a6fb9dc27e70ae3bfe5336393cde3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20J=C3=A4derberg?=
 <joakim.jaderberg@scandichotels.com>
Date: Fri, 29 Aug 2025 11:48:40 +0000
Subject: [PATCH] Merged in fix/left-align-ameneties (pull request #2734)

* left align sho all ameneties
---
 .../lib/components/HotelInfoCard/hotelInfoCard.module.css     | 4 ++--
 packages/design-system/lib/components/HotelInfoCard/index.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/design-system/lib/components/HotelInfoCard/hotelInfoCard.module.css b/packages/design-system/lib/components/HotelInfoCard/hotelInfoCard.module.css
index 9606b3dd2..38981a849 100644
--- a/packages/design-system/lib/components/HotelInfoCard/hotelInfoCard.module.css
+++ b/packages/design-system/lib/components/HotelInfoCard/hotelInfoCard.module.css
@@ -56,8 +56,8 @@
 
 .slotWrapper {
   display: flex;
-  justify-content: center;
-  align-items: center;
+  justify-content: flex-start;
+  align-items: flex-start;
 
   @media screen and (min-width: 1367px) {
     display: none;
diff --git a/packages/design-system/lib/components/HotelInfoCard/index.tsx b/packages/design-system/lib/components/HotelInfoCard/index.tsx
index 72e259362..6a0ce7474 100644
--- a/packages/design-system/lib/components/HotelInfoCard/index.tsx
+++ b/packages/design-system/lib/components/HotelInfoCard/index.tsx
@@ -109,8 +109,8 @@ export function HotelInfoCard({
             {slot}
           </div>
         </div>
+        <div className={styles.slotWrapper}>{slot}</div>
       </section>
-      <div className={styles.slotWrapper}>{slot}</div>
       {alerts.map((alert) => (
         <SpecialAlert key={alert.id} alert={alert} />
       ))}