diff --git a/src/pages/loading/index.module.scss b/src/pages/loading/index.module.scss
new file mode 100644
index 0000000..1b38194
--- /dev/null
+++ b/src/pages/loading/index.module.scss
@@ -0,0 +1,10 @@
+.loadingBox {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 99;
+  text-align: center;
+  line-height: 100vh;
+}
diff --git a/src/pages/loading/index.tsx b/src/pages/loading/index.tsx
index df80a52..1246bec 100644
--- a/src/pages/loading/index.tsx
+++ b/src/pages/loading/index.tsx
@@ -1,10 +1,11 @@
 import { Spin } from "antd";
+import styles from "./index.module.scss";
 
 const LoadingPage = () => {
   return (
-    <>
+    <div className={styles.loadingBox}>
       <Spin />
-    </>
+    </div>
   );
 };