diff --git a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/loading.tsx b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/loading.tsx
new file mode 100644
index 000000000..fefdc7682
--- /dev/null
+++ b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/loading.tsx
@@ -0,0 +1,5 @@
+import { SelectHotelMapContainerSkeleton } from "@/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContainerSkeleton"
+
+export default function Loading() {
+  return <SelectHotelMapContainerSkeleton />
+}
diff --git a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/page.tsx
index 9345d24b9..47af6c424 100644
--- a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/page.tsx
+++ b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/map/page.tsx
@@ -44,14 +44,12 @@ export default async function SelectHotelMapPage({
   return (
     <div className={styles.main}>
       <MapContainer>
-        <Suspense key={city.id} fallback={<SelectHotelMapContainerSkeleton />}>
-          <SelectHotelMapContainer
-            city={city}
-            searchParams={searchParams}
-            adultsInRoom={adultsInRoom}
-            childrenInRoom={childrenInRoom}
-          />
-        </Suspense>
+        <SelectHotelMapContainer
+          city={city}
+          searchParams={searchParams}
+          adultsInRoom={adultsInRoom}
+          childrenInRoom={childrenInRoom}
+        />
       </MapContainer>
     </div>
   )