diff --git a/core/css/mobile.css b/core/css/mobile.css
index fd0628d7e2..0185261306 100644
--- a/core/css/mobile.css
+++ b/core/css/mobile.css
@@ -1,5 +1,26 @@
@media only screen and (max-width: 768px) {
+#body-login #header {
+ padding-top: 10px;
+}
+
+#body-login .wrapper {
+ display: -webkit-box;
+ -webkit-box-orient: horizontal;
+ -webkit-box-pack: center;
+ -webkit-box-align: center;
+
+ display: -moz-box;
+ -moz-box-orient: horizontal;
+ -moz-box-pack: center;
+ -moz-box-align: center;
+
+ display: box;
+ box-orient: horizontal;
+ box-pack: center;
+ box-align: center;
+}
+
/* show caret indicator next to logo to make clear it is tappable */
#owncloud.menutoggle {
background-image: url('../img/actions/caret.svg');
diff --git a/core/templates/layout.guest.php b/core/templates/layout.guest.php
index 1f89e3f040..d38dc24d9c 100644
--- a/core/templates/layout.guest.php
+++ b/core/templates/layout.guest.php
@@ -35,14 +35,15 @@