diff --git a/components/HotelReservation/SelectHotel/SelectHotelSkeleton.tsx b/components/HotelReservation/SelectHotel/SelectHotelSkeleton.tsx
index 48ac6f949..8fb2b7a3b 100644
--- a/components/HotelReservation/SelectHotel/SelectHotelSkeleton.tsx
+++ b/components/HotelReservation/SelectHotel/SelectHotelSkeleton.tsx
@@ -12,7 +12,9 @@ export async function SelectHotelSkeleton({ count = 4 }: Props) {
   return (
     <div className={styles.skeletonContainer}>
       <header className={styles.header}>
-        <SkeletonShimmer height={"25px"} width={"400px"} />
+        <div className={styles.breadcrumbs}>
+          <SkeletonShimmer height={"25px"} width={"400px"} />
+        </div>
         <div className={styles.title}>
           <div className={styles.cityInformation}>
             <SkeletonShimmer height={"25px"} width={"200px"} />
diff --git a/components/HotelReservation/SelectHotel/selectHotel.module.css b/components/HotelReservation/SelectHotel/selectHotel.module.css
index 264b8b10b..a51fc9bd3 100644
--- a/components/HotelReservation/SelectHotel/selectHotel.module.css
+++ b/components/HotelReservation/SelectHotel/selectHotel.module.css
@@ -132,4 +132,8 @@
   .skeletonContainer .sideBar {
     gap: var(--Spacing-x3);
   }
+  .skeletonContainer .breadcrumbs {
+    margin: 0 auto;
+    max-width: var(--max-width-navigation);
+  }
 }