diff --git a/ui-ngx/src/app/modules/login/pages/login/login.component.scss b/ui-ngx/src/app/modules/login/pages/login/login.component.scss
index b8fa052e75..28150044c3 100644
--- a/ui-ngx/src/app/modules/login/pages/login/login.component.scss
+++ b/ui-ngx/src/app/modules/login/pages/login/login.component.scss
@@ -21,7 +21,7 @@
   .tb-login-content {
     margin-top: 36px;
     margin-bottom: 76px;
-    background-color: rgb(250, 250, 250);
+    background-color: #eee;
     .tb-login-form {
       @media #{$mat-gt-xs} {
         width: 550px !important;
diff --git a/ui-ngx/src/index.html b/ui-ngx/src/index.html
index f569c054e4..4f2672a518 100644
--- a/ui-ngx/src/index.html
+++ b/ui-ngx/src/index.html
@@ -29,7 +29,7 @@
     body, html {
       height: 100%;
       overflow: hidden;
-      background-color: rgb(250,250,250);
+      background-color: #eee;
     }
 
     .tb-loading-spinner {
diff --git a/ui-ngx/src/styles.scss b/ui-ngx/src/styles.scss
index 190fbb1ba7..600121b66d 100644
--- a/ui-ngx/src/styles.scss
+++ b/ui-ngx/src/styles.scss
@@ -41,7 +41,7 @@ body, html {
 body {
   margin: 0;
   padding: 0;
-  background-color: rgb(250,250,250);
+  background-color: #eee;
   overflow: hidden;
 }