diff --git a/roles/keycloak/files/theme/archlinux/login/resources/css/custom.css b/roles/keycloak/files/theme/archlinux/login/resources/css/custom.css
index 1c88f99fc5827dde58ac3289a4d50ba230ff39a0..20d86e8836ce11972c3e95310ec1e683000dd67c 100644
--- a/roles/keycloak/files/theme/archlinux/login/resources/css/custom.css
+++ b/roles/keycloak/files/theme/archlinux/login/resources/css/custom.css
@@ -2,10 +2,20 @@
 
 .login-pf body {
     background: url("../img/login-background.jpg") no-repeat center center fixed;
+    background-size: cover;
 }
 
 div.kc-logo-text {
     background-image: url('../img/archlinux-logo-light.svg');
-    height: 199px;
-    width: 600px;
+    background-size: 100%;
+    height: 100px;
+}
+
+@media(max-width: 767px) {
+    div.kc-logo-text {
+        background-size: 100%;
+        height: 60px;
+        width: 200px;
+        margin: 0 auto;
+    }
 }