diff --git a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/layout.module.css b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/layout.module.css
new file mode 100644
index 000000000..2d14bb596
--- /dev/null
+++ b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/layout.module.css
@@ -0,0 +1,4 @@
+.section {
+  display: grid;
+  gap: 1rem;
+}
diff --git a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx
index bf1d9b70e..7ba913844 100644
--- a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx
+++ b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx
@@ -1,6 +1,7 @@
 import HotelCard from "@/components/HotelReservation/SelectHotel/HotelCard"
 import { HotelCardData } from "@/components/HotelReservation/SelectHotel/HotelCard/data"
-import ListContainer from "@/components/MyPages/Blocks/Stays/ListContainer"
+
+import styles from "./layout.module.css"
 
 export default function SelectHotelPage() {
   const hotelData: HotelCardData[] = [
@@ -57,12 +58,12 @@ export default function SelectHotelPage() {
   ]
 
   return (
-    <div>
-      <ListContainer>
+    <main>
+      <section className={styles.section}>
         {hotelData.map((data) => (
           <HotelCard key={data.hotel.name} hotel={data.hotel} />
         ))}
-      </ListContainer>
-    </div>
+      </section>
+    </main>
   )
 }