diff --git a/modoboa/static/css/login.css b/modoboa/static/css/login.css
index a3b222f56..1c641a927 100644
--- a/modoboa/static/css/login.css
+++ b/modoboa/static/css/login.css
@@ -1,8 +1,13 @@
+#box {
+    margin: 0 auto;
+    max-width: 350px;
+}
+
 #logo { 
     margin-top: 60px;
     text-align: center;
-    margin: 60px auto 20px;
-    max-width: 300px;
+    margin: 60px 0 30px;
+    max-width: 260px;
 }
 
 #logo img {
@@ -17,7 +22,7 @@
 }
 
 .login-form {
-    margin: 0 auto;
+    margin: 0 ;
     max-width: 300px;
     padding-bottom: 0;
 }
diff --git a/modoboa/static/css/modoboa.png b/modoboa/static/css/modoboa.png
index f6db346ef..34d2d4f3f 100644
Binary files a/modoboa/static/css/modoboa.png and b/modoboa/static/css/modoboa.png differ
diff --git a/modoboa/templates/registration/login.html b/modoboa/templates/registration/login.html
index 5827e908b..12dd1377b 100644
--- a/modoboa/templates/registration/login.html
+++ b/modoboa/templates/registration/login.html
@@ -19,6 +19,7 @@
   </head>
   <body>
     <div class="container">
+      <div id="box">
       <div id="logo" class="row">
         <img src="{% get_modoboa_logo %}" />
       </div>
@@ -38,8 +39,9 @@
       <div class="login-error">
         {% if error %}{% alert error "error" %}{% endif %}
       </div>
+      </div>
       {% for annoucement in annoucements %}
       <div class="offset3 span5 well">{{ annoucement|safe }}</div>
       {% endfor %}
-  </body>
+     </body>
 </html>