diff --git a/frontend/src/_styles/theme.scss b/frontend/src/_styles/theme.scss
index 58632ffead..3c59855152 100644
--- a/frontend/src/_styles/theme.scss
+++ b/frontend/src/_styles/theme.scss
@@ -9207,6 +9207,17 @@ tbody {
 .spin-loader {
   position: fixed;
   width: 100%;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+
+  &.theme-dark {
+    background-color: #1f2936;
+
+    .load {
+      background-color: #1f2936;
+    }
+  }
 
   .load {
     display: flex;
diff --git a/frontend/src/index.ejs b/frontend/src/index.ejs
index ba87ce339c..e38f611797 100644
--- a/frontend/src/index.ejs
+++ b/frontend/src/index.ejs
@@ -25,6 +25,7 @@
       justify-content: center;
       align-items: center;
       height: 100vh;
+      background-color: white;
     }
 
     .load.dark-loader {