diff --git a/res/css/login.css b/res/css/login.css
index 0ffb6d4bf30a6538420e94ba4796a933f509f6b9..b78deb7123099e75df3dbfe222354ad9e81e5965 100644
--- a/res/css/login.css
+++ b/res/css/login.css
@@ -45,6 +45,9 @@
   box-sizing: border-box;
   -webkit-tap-highlight-color: transparent; }
 
+html {
+  background: #F2F2F2; }
+
 body {
   background: #F2F2F2;
   font-family: 'Roboto', sans-serif;
@@ -66,7 +69,8 @@ body {
 
 form {
   background: #fff;
-  max-width: 390px;
+  max-width: 320px;
+  width: 100%;
   padding: 20px 48px;
   margin: 0 auto;
   color: #212121;
@@ -74,7 +78,9 @@ form {
   @media (max-width: 320px) {
     form {
       padding: 8px 16px;
-      margin: initial; } }
+      margin: initial;
+      width: initial;
+      max-width: initial; } }
 
 .header {
   display: flex;
diff --git a/res/css/login.sass b/res/css/login.sass
index a7d7b2cf1a10cf7352d7f0cb1f21ac80b455f687..168b4998707b276ecb42a75e606f2fb72ead1c39 100644
--- a/res/css/login.sass
+++ b/res/css/login.sass
@@ -8,6 +8,9 @@
   box-sizing: border-box
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 
+html
+  background: #F2F2F2
+
 body
   background: #F2F2F2
   font-family: 'Roboto', sans-serif
@@ -30,7 +33,8 @@ body
 
 form
   background: #fff
-  max-width: 390px
+  max-width: 320px
+  width: 100%
   padding: 20px 48px
   margin: 0 auto
   color: #212121
@@ -39,6 +43,8 @@ form
   @media(max-width: 320px)
     padding: 8px 16px
     margin: initial
+    width: initial
+    max-width: initial
 
 .header
   display: flex