diff --git a/apps/scandic-web/components/BookingWidget/FloatingBookingWidget/FloatingBookingWidget.module.css b/apps/scandic-web/components/BookingWidget/FloatingBookingWidget/FloatingBookingWidget.module.css index d57712de3..1e1b083c4 100644 --- a/apps/scandic-web/components/BookingWidget/FloatingBookingWidget/FloatingBookingWidget.module.css +++ b/apps/scandic-web/components/BookingWidget/FloatingBookingWidget/FloatingBookingWidget.module.css @@ -1,5 +1,6 @@ .floatingBookingWidget { - width: 100vw; + width: var(--max-width-content); + margin: 0 auto; min-height: 84px; z-index: 1000; position: relative; @@ -9,7 +10,6 @@ flex-direction: column; justify-content: center; align-items: center; - background: rgba(255, 255, 255, 0); width: 100%; } @@ -26,9 +26,3 @@ } } } - -@media screen and (max-width: 767px) { - .floatingBookingWidget { - padding: 0 0.5rem; - } -} diff --git a/apps/scandic-web/components/BookingWidget/bookingWidget.module.css b/apps/scandic-web/components/BookingWidget/bookingWidget.module.css index 320184773..aced79787 100644 --- a/apps/scandic-web/components/BookingWidget/bookingWidget.module.css +++ b/apps/scandic-web/components/BookingWidget/bookingWidget.module.css @@ -1,6 +1,7 @@ .wrapper { position: sticky; z-index: var(--booking-widget-z-index); + width: 100%; } .formContainer { @@ -16,6 +17,7 @@ left: 0; bottom: -100%; transition: bottom 300ms ease; + overflow: hidden; } .compact { diff --git a/apps/scandic-web/components/Forms/BookingWidget/form.module.css b/apps/scandic-web/components/Forms/BookingWidget/form.module.css index 21afff554..c36768514 100644 --- a/apps/scandic-web/components/Forms/BookingWidget/form.module.css +++ b/apps/scandic-web/components/Forms/BookingWidget/form.module.css @@ -2,7 +2,7 @@ align-items: center; display: grid; margin: 0 auto; - width: 100dvw; + width: 100%; } .form { @@ -43,7 +43,6 @@ } .compact { - width: 1160px; padding: var(--Spacing-x-one-and-half) var(--Spacing-x2) var(--Spacing-x-one-and-half) var(--Spacing-x1); white-space: nowrap;