diff --git a/themes/src/main/resources-product/theme/rh-sso/login/resources/css/login-rhsso.css b/themes/src/main/resources-product/theme/rh-sso/login/resources/css/login-rhsso.css
index 71f67599ae..3e1d2de54c 100644
--- a/themes/src/main/resources-product/theme/rh-sso/login/resources/css/login-rhsso.css
+++ b/themes/src/main/resources-product/theme/rh-sso/login/resources/css/login-rhsso.css
@@ -1,6 +1,6 @@
 .login-pf body {
-    background-image: url(../node_modules/rcue/dist/img/bg-login.png);
-    background-size: auto;
+  background: url("../node_modules/rcue/dist/img/bg-login.png") no-repeat left top fixed;
+  background-size: auto;
 }
 
 @media (max-width: 767px) {
@@ -11,3 +11,8 @@
       background-color: white;
     }
 }
+@media (min-width: 767px) {
+  .login-pf {
+    background-attachment: fixed;
+  }
+}
diff --git a/themes/src/main/resources/theme/keycloak/login/resources/css/login.css b/themes/src/main/resources/theme/keycloak/login/resources/css/login.css
index 6813ecf91b..32ad9cb07f 100644
--- a/themes/src/main/resources/theme/keycloak/login/resources/css/login.css
+++ b/themes/src/main/resources/theme/keycloak/login/resources/css/login.css
@@ -1,5 +1,5 @@
 .login-pf body {
-    background-image: url("../img/keycloak-bg.png");
+    background: url("../img/keycloak-bg.png") no-repeat center center fixed;
     background-size: cover;
 }