diff --git a/app/[lang]/(live)/(protected)/my-pages/loading.tsx b/app/[lang]/(live)/(protected)/my-pages/loading.tsx
index c739b6635..92ff5739e 100644
--- a/app/[lang]/(live)/(protected)/my-pages/loading.tsx
+++ b/app/[lang]/(live)/(protected)/my-pages/loading.tsx
@@ -1,5 +1,5 @@
 import LoadingSpinner from "@/components/LoadingSpinner"
 
 export default function Loading() {
-  return <LoadingSpinner />
+  return <LoadingSpinner fullPage />
 }
diff --git a/app/[lang]/(live)/(public)/loading.tsx b/app/[lang]/(live)/(public)/loading.tsx
index c739b6635..92ff5739e 100644
--- a/app/[lang]/(live)/(public)/loading.tsx
+++ b/app/[lang]/(live)/(public)/loading.tsx
@@ -1,5 +1,5 @@
 import LoadingSpinner from "@/components/LoadingSpinner"
 
 export default function Loading() {
-  return <LoadingSpinner />
+  return <LoadingSpinner fullPage />
 }
diff --git a/app/[lang]/(live)/loading.tsx b/app/[lang]/(live)/loading.tsx
index c739b6635..92ff5739e 100644
--- a/app/[lang]/(live)/loading.tsx
+++ b/app/[lang]/(live)/loading.tsx
@@ -1,5 +1,5 @@
 import LoadingSpinner from "@/components/LoadingSpinner"
 
 export default function Loading() {
-  return <LoadingSpinner />
+  return <LoadingSpinner fullPage />
 }
diff --git a/components/LoadingSpinner/index.tsx b/components/LoadingSpinner/index.tsx
index efcd4d5a9..93c87d3c1 100644
--- a/components/LoadingSpinner/index.tsx
+++ b/components/LoadingSpinner/index.tsx
@@ -1,8 +1,8 @@
 import styles from "./loading.module.css"
 
-export default function LoadingSpinner() {
+export default function LoadingSpinner({ fullPage }: { fullPage?: boolean }) {
   return (
-    <div className={styles.container}>
+    <div className={`${styles.container} ${fullPage ? styles.fullPage : ""}`}>
       <div className={styles.spinner}>
         <div></div>
         <div></div>
diff --git a/components/LoadingSpinner/loading.module.css b/components/LoadingSpinner/loading.module.css
index ae97df077..5c9caa634 100644
--- a/components/LoadingSpinner/loading.module.css
+++ b/components/LoadingSpinner/loading.module.css
@@ -5,6 +5,10 @@
   height: 100px;
 }
 
+.fullPage {
+  min-height: 100dvh;
+}
+
 .spinner {
   display: inline-block;
   position: relative;