diff --git a/app/[lang]/(live)/(public)/hotelreservation/booking-confirmation/page.module.css b/app/[lang]/(live)/(public)/hotelreservation/booking-confirmation/page.module.css
index 7d7358427..35fc821c4 100644
--- a/app/[lang]/(live)/(public)/hotelreservation/booking-confirmation/page.module.css
+++ b/app/[lang]/(live)/(public)/hotelreservation/booking-confirmation/page.module.css
@@ -9,7 +9,6 @@
.section {
display: flex;
flex-direction: column;
- align-items: center;
gap: var(--Spacing-x4);
width: 100%;
max-width: 365px;
diff --git a/components/HotelReservation/BookingConfirmation/IntroSection/index.tsx b/components/HotelReservation/BookingConfirmation/IntroSection/index.tsx
index 5ae2ae7f8..1934f36b2 100644
--- a/components/HotelReservation/BookingConfirmation/IntroSection/index.tsx
+++ b/components/HotelReservation/BookingConfirmation/IntroSection/index.tsx
@@ -35,7 +35,7 @@ export default async function IntroSection({ email }: IntroSectionProps) {
intent="secondary"
className={styles.button}
>
- Download the Scandic app
+ {intl.formatMessage({ id: "Download the Scandic app" })}
diff --git a/components/HotelReservation/BookingConfirmation/StaySection/index.tsx b/components/HotelReservation/BookingConfirmation/StaySection/index.tsx
index 8d0db033c..33501b54c 100644
--- a/components/HotelReservation/BookingConfirmation/StaySection/index.tsx
+++ b/components/HotelReservation/BookingConfirmation/StaySection/index.tsx
@@ -1,5 +1,3 @@
-import { Stay } from "@/server/routers/user/output"
-
import { ArrowRightIcon, ScandicLogoIcon } from "@/components/Icons"
import Image from "@/components/Image"
import Body from "@/components/TempDesignSystem/Text/Body"
@@ -58,20 +56,26 @@ export default async function StaySection({ hotel, stay }: StaySectionProps) {
{intl.formatMessage({ id: "Breakfast" })}
- {`Mon-fri ${hotel.breakfast.start}-${hotel.breakfast.end}`}
- {`Sat-sun ${hotel.breakfast.start}-${hotel.breakfast.end}`}
+
+ {`Mon-fri ${hotel.breakfast.start}-${hotel.breakfast.end}`}
+ {`Sat-sun ${hotel.breakfast.start}-${hotel.breakfast.end}`}
+
{intl.formatMessage({ id: "Check in" })}
- From
- {hotel.checkIn}
+
+ {intl.formatMessage({ id: "From" })}
+ {hotel.checkIn}
+
{intl.formatMessage({ id: "Check out" })}
- At latest
- {hotel.checkOut}
+
+ {intl.formatMessage({ id: "At latest" })}
+ {hotel.checkOut}
+
diff --git a/components/HotelReservation/BookingConfirmation/StaySection/staySection.module.css b/components/HotelReservation/BookingConfirmation/StaySection/staySection.module.css
index 5da503b8d..a833e36a1 100644
--- a/components/HotelReservation/BookingConfirmation/StaySection/staySection.module.css
+++ b/components/HotelReservation/BookingConfirmation/StaySection/staySection.module.css
@@ -31,6 +31,7 @@
display: flex;
flex-direction: column;
}
+
.dates {
display: flex;
align-items: center;
@@ -52,8 +53,6 @@
display: flex;
flex-direction: column;
gap: var(--Spacing-x-half);
- font-family: var(--typography-Caption-Regular-fontFamily);
- font-size: var(--typography-Caption-Regular-fontSize);
}
@media screen and (min-width: 1367px) {
@@ -69,7 +68,6 @@
.info {
flex-direction: row;
justify-content: space-between;
- gap: var(--Spacing-x4);
}
.hotel,
diff --git a/i18n/dictionaries/en.json b/i18n/dictionaries/en.json
index 752aaffcb..d77763294 100644
--- a/i18n/dictionaries/en.json
+++ b/i18n/dictionaries/en.json
@@ -157,6 +157,7 @@
"We have sent a detailed confirmation of your booking to your email: ": "We have sent a detailed confirmation of your booking to your email: ",
"Download the Scandic app": "Download the Scandic app",
"View your booking": "View your booking",
+ "At latest": "At latest",
"Where to": "Where to",
"When": "When",
"Rooms & Guests": "Rooms & Guests",