diff --git a/src/components/loadingWrapper/ComponentLoadingWrapper.scss b/src/components/loadingWrapper/ComponentLoadingWrapper.scss
index 50daa85f1..a5806ecf1 100644
--- a/src/components/loadingWrapper/ComponentLoadingWrapper.scss
+++ b/src/components/loadingWrapper/ComponentLoadingWrapper.scss
@@ -4,7 +4,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background: rgba(255, 255, 255, 0.6);
+    background: rgba(0, 0, 0, 0.6);
     display: flex;
     justify-content: center;
     align-items: center;
diff --git a/src/components/loadingWrapper/LoadingWrapper.scss b/src/components/loadingWrapper/LoadingWrapper.scss
index c95742bc2..e43e4792a 100644
--- a/src/components/loadingWrapper/LoadingWrapper.scss
+++ b/src/components/loadingWrapper/LoadingWrapper.scss
@@ -5,6 +5,7 @@
     width: 100vw;
     height: 100vh;
     background: var(--background-color);
+    background: rgba(0, 0, 0, 0.6);
     display: flex;
     justify-content: center;
     align-items: center;