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} />
       ))}