From 7c3566855dc76aecd78b0f4cf000ea8a676cecad Mon Sep 17 00:00:00 2001
From: Matilda Haneling <matilda.haneling@scandichotels.com>
Date: Wed, 28 Jan 2026 15:24:28 +0000
Subject: [PATCH] Merged in fix/book-751-booking-widget-skeleton-fixes (pull
 request #3501)

fix(BOOK-751): updated desktop booking widget loading skeleton

* fix(BOOK-751): updated desktop booking widget loading skeleton


Approved-by: Bianca Widstam
---
 .../BookingWidgetForm/FormContent/Search/index.tsx     |  2 +-
 .../FormContent/Search/search.module.css               |  2 +-
 .../FormContent/Voucher/voucher.module.css             | 10 +++++++---
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/index.tsx b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/index.tsx
index b3819a155..1385ecfb6 100644
--- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/index.tsx
+++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/index.tsx
@@ -259,7 +259,7 @@ export function SearchSkeleton() {
         </Typography>
       </div>
       <div>
-        <SkeletonShimmer width="100%" display="block" height="16px" />
+        <SkeletonShimmer width="100%" display="block" />
       </div>
     </div>
   )
diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css
index bb20568e8..66121d43c 100644
--- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css
@@ -3,7 +3,7 @@
   border-style: solid;
   border-width: 1px;
   border-radius: var(--Corner-Radius-md);
-  padding: var(--Space-x15);
+  padding: var(--Space-x1) var(--Space-x15);
   position: relative;
   height: 60px;
 
diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Voucher/voucher.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Voucher/voucher.module.css
index 508352b3a..49ceeb2de 100644
--- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Voucher/voucher.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Voucher/voucher.module.css
@@ -57,9 +57,6 @@
   .option {
     min-height: 56px;
   }
-  .skeletonContainer {
-    padding: var(--Space-x2) 0;
-  }
 }
 
 @media screen and (min-width: 1367px) {
@@ -71,4 +68,11 @@
   .option:hover {
     cursor: not-allowed;
   }
+  .voucherSkeletonContainer {
+    min-width: 160px;
+  }
+
+  .skeletonContainer .option {
+    min-width: 160px;
+  }
 }