From f9e50b7ea7e15528ed29053ad3d550c573a7ef83 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Tue, 10 Dec 2024 13:06:47 +0100
Subject: [PATCH] fix(SW-1143) fix breadcrumbs skeleton

---
 .../HotelReservation/SelectHotel/SelectHotelSkeleton.tsx      | 4 +++-
 .../HotelReservation/SelectHotel/selectHotel.module.css       | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

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);
+  }
 }