Merged in fix/BOOK-700-skeleton-misaligned-select-hotel (pull request #3391)

fix(BOOK-700): skeleton styling disoriented on select hotel

* fix(BOOK-700): skeleton styling disoriented on select hotel


Approved-by: Joakim Jäderberg
Approved-by: Linus Flood

packages/booking-flow/lib/components/SelectHotel/SelectHotelSkeleton.tsx

@@ -23,6 +23,7 @@ export function SelectHotelSkeleton({ count = 4 }: Props) {
         </div>
       </header>
       <main className={styles.main}>
+        <div className={styles.availabilityContainer}>
           <div className={styles.sideBar}>
             <div className={styles.sideBarItem}>
               <SkeletonShimmer height="280px" width="340px" />
@@ -36,6 +37,7 @@ export function SelectHotelSkeleton({ count = 4 }: Props) {
               <HotelCardSkeleton key={index} />
             ))}
           </div>
+        </div>
       </main>
     </div>
   )