diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/index.tsx b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/index.tsx
index 45211192e..c9c510adb 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/index.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/index.tsx
@@ -1,3 +1,5 @@
+import { Suspense } from "react"
+
 import { getDestinationOverviewPage } from "@/lib/trpc/memoizedRequests"
 
 import Blocks from "@/components/Blocks"
@@ -21,7 +23,9 @@ export default async function DestinationOverviewPage() {
   return (
     <>
       <div className={styles.mapContainer}>
-        <OverviewMapContainer />
+        <Suspense fallback={<SkeletonShimmer width={"100%"} height={"100%"} />}>
+          <OverviewMapContainer />
+        </Suspense>
       </div>
       <main className={styles.main}>
         <div className={styles.blocks}>