diff --git a/app/[lang]/(live)/(protected)/my-pages/layout.module.css b/app/[lang]/(live)/(protected)/my-pages/layout.module.css index bee1488c6..a2ff660c4 100644 --- a/app/[lang]/(live)/(protected)/my-pages/layout.module.css +++ b/app/[lang]/(live)/(protected)/my-pages/layout.module.css @@ -5,6 +5,8 @@ gap: var(--Spacing-x3); grid-template-rows: auto 1fr; min-height: 100dvh; + max-width: var(--max-width); + margin: 0 auto; } .content { diff --git a/app/[lang]/(live)/(public)/[contentType]/[uid]/layout.module.css b/app/[lang]/(live)/(public)/[contentType]/[uid]/layout.module.css index edd0b9f96..af1b93963 100644 --- a/app/[lang]/(live)/(public)/[contentType]/[uid]/layout.module.css +++ b/app/[lang]/(live)/(public)/[contentType]/[uid]/layout.module.css @@ -5,4 +5,6 @@ gap: var(--Spacing-x3); grid-template-rows: auto 1fr; position: relative; + max-width: var(--max-width); + margin: 0 auto; } diff --git a/app/[lang]/(live)/(public)/hotelreservation/layout.module.css b/app/[lang]/(live)/(public)/hotelreservation/layout.module.css index 0969a7151..17d0bc32d 100644 --- a/app/[lang]/(live)/(public)/hotelreservation/layout.module.css +++ b/app/[lang]/(live)/(public)/hotelreservation/layout.module.css @@ -1,4 +1,6 @@ .layout { min-height: 100dvh; background-color: var(--Base-Background-Primary-Normal); + max-width: var(--max-width); + margin: 0 auto; } diff --git a/components/HotelReservation/HotelCard/hotelCard.module.css b/components/HotelReservation/HotelCard/hotelCard.module.css index a6c4a892d..9bb66cfd3 100644 --- a/components/HotelReservation/HotelCard/hotelCard.module.css +++ b/components/HotelReservation/HotelCard/hotelCard.module.css @@ -9,7 +9,7 @@ background-color: var(--Base-Surface-Primary-light-Normal); border: 1px solid var(--Base-Border-Subtle); border-radius: var(--Corner-radius-Medium); - width: 307px; + width: 100%; } .imageContainer { @@ -72,7 +72,7 @@ "image hotel" "image prices"; overflow: hidden; - width: 1050px; + width: 100%; padding: 0; }