diff --git a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.module.css b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.module.css
index d5e160c9c..f66d9891b 100644
--- a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.module.css
+++ b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.module.css
@@ -7,7 +7,7 @@
   background-color: var(--Scandic-Brand-Warm-White);
 }
 
-.hotelSection {
+.hotelCards {
   display: grid;
   gap: var(--Spacing-x4);
 }
diff --git a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx
index 64bbb5b77..33f736487 100644
--- a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx
+++ b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx
@@ -50,7 +50,7 @@ export default async function SelectHotelPage({
           </Link>
           <HotelFilter filters={hotelFilters} />
         </section>
-        <section className={styles.hotelSection}>
+        <section className={styles.hotelCards}>
           {hotels.map((hotel) => (
             <HotelCard key={hotel.name} hotel={hotel} />
           ))}