diff --git a/core/app/core/src/lib/components/loading-spinner/loading-spinner.component.scss b/core/app/core/src/lib/components/loading-spinner/loading-spinner.component.scss
index a5cbb45e3..dc15ed0ac 100644
--- a/core/app/core/src/lib/components/loading-spinner/loading-spinner.component.scss
+++ b/core/app/core/src/lib/components/loading-spinner/loading-spinner.component.scss
@@ -25,8 +25,8 @@
  */
 
 .sk-cube-grid {
-  width: 6.25em;
-  height: 6.25em;
+  width: 4.25em;
+  height: 4.25em;
 }
 
 .sk-cube-grid .sk-cube {
diff --git a/core/app/shell/src/themes/suite8/css/components/_loading-spinner.scss b/core/app/shell/src/themes/suite8/css/components/_loading-spinner.scss
index 8d5110bef..9a79b9d74 100644
--- a/core/app/shell/src/themes/suite8/css/components/_loading-spinner.scss
+++ b/core/app/shell/src/themes/suite8/css/components/_loading-spinner.scss
@@ -48,12 +48,14 @@
   align-items: center;
   justify-content: center;
   height: 100%;
+
+  .sk-cube-grid{
+  }
 }
 
+.loading-spinner .sk-cube-secondary,
 .loading-spinner .sk-cube-primary {
-  background-color: $suite-logo-pink;
-}
-
-.loading-spinner .sk-cube-secondary {
-  background-color: $suite-logo-blue;
+  border: 1px solid $white;
+  background-color: $midnight-blue;
+  opacity: .4;
 }