diff --git a/customize.dist/src/less/cryptpad.less b/customize.dist/src/less/cryptpad.less
index 0bb51b4b2..21c9e1e71 100644
--- a/customize.dist/src/less/cryptpad.less
+++ b/customize.dist/src/less/cryptpad.less
@@ -11,7 +11,7 @@ html.cp, .cp body {
     color: @fore;
 
     font-family: Georgia,Cambria,serif;
-    height: 100%;
+    height: 100;
 }
 
 .cp {
@@ -170,6 +170,11 @@ p, pre, td, a, table, tr {
     line-height: 1.5em;
 }
 
+// currently only used in /user/
+.panel {
+    background-color: #333;
+}
+
 /*  Tables
  *  Currently only used by /poll/
  */
diff --git a/www/user/index.html b/www/user/index.html
index fb4e5fb3f..5f27377ba 100644
--- a/www/user/index.html
+++ b/www/user/index.html
@@ -15,19 +15,18 @@
             box-sizing: border-box;
         }
         body {
-            padding-top: 50px;
+            padding: 45px;
         }
-        div.box {
+        div.panel{
             width: 70%;
             margin: auto;
             border: 1px solid black;
             padding: 15px;
             display: none;
-            background-color: #333;
             border-radius: 5px;
         }
         @media (max-width: 1000px) {
-            div.box { width: 90%; }
+            div.panel { width: 90%; }
         }
         input[type="text"], input[type="password"] {
             width: 80%;
@@ -38,7 +37,7 @@
             margin-bottom: 45px;
         }
 
-        #notice-box {
+        #notice-panel {
             text-align: center;
             font-size: 25px;
         }
@@ -46,7 +45,7 @@
 </head>
 <body>
 
-<div id="login-box" class="box">
+<div id="login-panel" class="panel">
     <div id="warning" data-localization="login_warning"></div>
     <input type="text" name="username" id="username" data-localization-placeholder="login_username" autofocus><br />
     <input type="password" name="password" id="password" data-localization-placeholder="login_password"><br />
@@ -55,11 +54,11 @@
     <input type="checkbox" name="remember" id="remember" checked="true"><label for="remember" data-localization="login_remember"></label>
 </div>
 
-<div id="notice-box" class="box">
+<div id="notice-panel" class="panel">
     <p id="notice"></p>
 </div>
 
-<div id="confirm-box" class="box">
+<div id="confirm-panel" class="panel">
     <p data-localization="login_no_user"></p>
     <p data-localization="login_confirm_password"></p>
 
@@ -72,12 +71,12 @@
     <button id="cancel-register" data-localization="cancel"></button>
 </div>
 
-<div id="logout-box" class="box">
+<div id="logout-panel" class="panel">
     <div data-localization="login_logout"></div>
     <button id="logout" data-localization="logoutButton"></button>
 </div>
 
-<div id="user-box" class="box">
+<div id="user-panel" class="panel">
     <div>
         <p><span data-localization="displayname_label"></span>
             <strong id="display-name" class="display"></strong></p>
diff --git a/www/user/main.js b/www/user/main.js
index 44573e541..fc159e314 100644
--- a/www/user/main.js
+++ b/www/user/main.js
@@ -21,14 +21,14 @@ define([
     var $warning = $('#warning');
 
     // login elements
-    var $loginBox = $('#login-box');
+    var $loginBox = $('#login-panel');
     var $login = $('#login');
     var $username = $('#username');
     var $password = $('#password');
     var $remember = $('#remember');
 
     // hashing elements
-    var $noticeBox = $('#notice-box');
+    var $noticeBox = $('#notice-panel');
     var $notice = $('#notice');
 
     APP.setNotice = function (s) {
@@ -36,17 +36,17 @@ define([
     };
 
     // confirm elements
-    var $confirmBox = $('#confirm-box');
+    var $confirmBox = $('#confirm-panel');
     var $confirm = $('#confirm');
     var $cancelRegister = $('#cancel-register');
     var $register = $('#register');
 
     // log out elements
-    var $logoutBox = $('#logout-box');
+    var $logoutBox = $('#logout-panel');
     var $logout = $('#logout');
 
     // user elements
-    var $userBox = $('#user-box');
+    var $userBox = $('#user-panel');
     var $displayNameLabel = $('#display-name');
     var $userNameLabel = $('#user-name');
 
