diff --git a/app/[lang]/webview/loading.tsx b/app/[lang]/webview/loading.tsx
new file mode 100644
index 000000000..c739b6635
--- /dev/null
+++ b/app/[lang]/webview/loading.tsx
@@ -0,0 +1,5 @@
+import LoadingSpinner from "@/components/LoadingSpinner"
+
+export default function Loading() {
+  return <LoadingSpinner />
+}
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
index 789630982..844de1b8f 100644
--- a/components/Footer/index.tsx
+++ b/components/Footer/index.tsx
@@ -1,3 +1,5 @@
+import { Suspense } from "react"
+
 import { getFooter, getLanguageSwitcher } from "@/lib/trpc/memoizedRequests"
 
 import FooterDetails from "./Details"
@@ -10,9 +12,11 @@ export function preload() {
 
 export default function Footer() {
   return (
-    <footer>
-      <FooterNavigation />
-      <FooterDetails />
-    </footer>
+    <Suspense>
+      <footer>
+        <FooterNavigation />
+        <FooterDetails />
+      </footer>
+    </Suspense>
   )
 }