diff --git a/config/keycloak/themes/opencloud/login/resources/css/theme.css b/config/keycloak/themes/opencloud/login/resources/css/theme.css
index 4a52947..3c04d27 100644
--- a/config/keycloak/themes/opencloud/login/resources/css/theme.css
+++ b/config/keycloak/themes/opencloud/login/resources/css/theme.css
@@ -28,11 +28,24 @@ body {
 .kc-logo-text {
     background-image: url(../img/logo.svg) !important;
     background-size: contain;
-    width: 400px;
-    margin: 0 !important;
+    background-position: center;
 }
 
-#kc-header-wrapper{
+#kc-header-wrapper {
     display: flex;
     justify-content: center;
-}
\ No newline at end of file
+}
+
+@media (max-width: 767px) {
+    #kc-header-wrapper {
+        padding: 20px 60px 0;
+    }
+}
+
+.pf-c-button.pf-m-secondary {
+    color: var(--pf-global--Color--light-100) !important;
+}
+
+.kc-margin-top {
+    margin-top: var(--pf-global--spacer--sm);
+}
diff --git a/config/keycloak/themes/opencloud/login/theme.properties b/config/keycloak/themes/opencloud/login/theme.properties
index 767efe4..1c978bb 100644
--- a/config/keycloak/themes/opencloud/login/theme.properties
+++ b/config/keycloak/themes/opencloud/login/theme.properties
@@ -2,4 +2,7 @@ parent=keycloak
 import=common/keycloak
 
 styles=css/login.css css/theme.css
-scripts=js/script.js
\ No newline at end of file
+scripts=js/script.js
+
+kcButtonSecondaryClass=pf-c-button pf-m-secondary btn-lg
+kcMarginTopClass=kc-margin-top