diff --git a/packages/booking-flow/lib/components/SelectHotel/SelectHotelSkeleton.tsx b/packages/booking-flow/lib/components/SelectHotel/SelectHotelSkeleton.tsx
index fafb68c97..de52d3ca1 100644
--- a/packages/booking-flow/lib/components/SelectHotel/SelectHotelSkeleton.tsx
+++ b/packages/booking-flow/lib/components/SelectHotel/SelectHotelSkeleton.tsx
@@ -23,19 +23,21 @@ export function SelectHotelSkeleton({ count = 4 }: Props) {
         </div>
       </header>
       <main className={styles.main}>
-        <div className={styles.sideBar}>
-          <div className={styles.sideBarItem}>
-            <SkeletonShimmer height="280px" width="340px" />
+        <div className={styles.availabilityContainer}>
+          <div className={styles.sideBar}>
+            <div className={styles.sideBarItem}>
+              <SkeletonShimmer height="280px" width="340px" />
+            </div>
+            <div className={styles.sideBarItem}>
+              <SkeletonShimmer height="400px" width="340px" />
+            </div>
           </div>
-          <div className={styles.sideBarItem}>
-            <SkeletonShimmer height="400px" width="340px" />
+          <div className={styles.hotelList}>
+            {Array.from({ length: count }).map((_, index) => (
+              <HotelCardSkeleton key={index} />
+            ))}
           </div>
         </div>
-        <div className={styles.hotelList}>
-          {Array.from({ length: count }).map((_, index) => (
-            <HotelCardSkeleton key={index} />
-          ))}
-        </div>
       </main>
     </div>
   )