diff --git a/core/client/assets/sass/layouts/login.scss b/core/client/assets/sass/layouts/login.scss
index 6f5f500074..ca876fa06d 100644
--- a/core/client/assets/sass/layouts/login.scss
+++ b/core/client/assets/sass/layouts/login.scss
@@ -19,8 +19,7 @@
     }
 
     main { 
-        top: 15px;
-        @include breakpoint($mobile) { top: 0; }
+        top: 0;
     }
 }//.ghost-login
 
diff --git a/core/client/views/login.js b/core/client/views/login.js
index 4bd30eb964..08c7343ba0 100644
--- a/core/client/views/login.js
+++ b/core/client/views/login.js
@@ -24,7 +24,13 @@
         },
 
         centerOnResize: _.debounce(function (e) {
-            $(".js-login-container").center();
+            var container = $(".js-login-container");
+            container.css({
+                'position': 'relative'
+            }).animate({
+                'top': Math.round($(window).height() / 2) - container.outerHeight() / 2 + 'px'
+            });
+            $(window).trigger("centered");
         }, 100),
 
         remove: function () {