Merged in fix/left-align-ameneties (pull request #2734)

* left align sho all ameneties

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;

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