diff --git a/apps/scandic-web/components/Footer/index.tsx b/apps/scandic-web/components/Footer/index.tsx
index c4667c09d..985598ed8 100644
--- a/apps/scandic-web/components/Footer/index.tsx
+++ b/apps/scandic-web/components/Footer/index.tsx
@@ -1,7 +1,9 @@
+import { Suspense } from "react"
+
 import { getFooter } from "@/lib/trpc/memoizedRequests"
 
-import FooterDetails from "./Details"
-import FooterNavigation from "./Navigation"
+import FooterDetails, { FooterDetailsSkeleton } from "./Details"
+import FooterNavigation, { FooterNavigationSkeleton } from "./Navigation"
 
 import styles from "./footer.module.css"
 
@@ -14,8 +16,12 @@ export default async function Footer() {
 
   return (
     <footer className={styles.footer}>
-      <FooterNavigation />
-      <FooterDetails />
+      <Suspense fallback={<FooterNavigationSkeleton />}>
+        <FooterNavigation />
+      </Suspense>
+      <Suspense fallback={<FooterDetailsSkeleton />}>
+        <FooterDetails />
+      </Suspense>
     </footer>
   )
 }
diff --git a/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx b/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx
index c60f8f463..f73141ad2 100644
--- a/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx
@@ -105,7 +105,7 @@ export default function MyPagesMenuWrapper() {
   )
 }
 
-export function MyPagesMenuWrapperSkeleton() {
+function MyPagesMenuWrapperSkeleton() {
   return (
     <div>
       <MyPagesMenuSkeleton />