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

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>
   )

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;
 

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