diff --git a/theme/material/vaadin-login-overlay-styles.html b/theme/material/vaadin-login-overlay-styles.html
index 244bc89..54d10a7 100644
--- a/theme/material/vaadin-login-overlay-styles.html
+++ b/theme/material/vaadin-login-overlay-styles.html
@@ -71,6 +71,7 @@
       [part="form"] ::slotted(*) {
         position: relative;
         bottom: 60px;
+        margin: auto;
       }
 
       [part="form"] h2 {
@@ -78,14 +79,6 @@
         font-weight: 500;
       }
 
-      @media only screen
-      and (max-width: 500px) {
-        [part="overlay"],
-        [part="content"] {
-          height: 100%;
-        }
-      }
-
       [part="card"] {
         background: var(--material-secondary-background-color);
       }
@@ -124,6 +117,12 @@
       /* Small screen */
       @media only screen
       and (max-width: 500px) {
+        [part="overlay"],
+        [part="content"],
+        [part="card"] {
+          height: 100%;
+        }
+
         [part="content"] {
           min-height: 100%;
           background: var(--material-background-color);