diff --git a/mayan/apps/appearance/templates/appearance/login.html b/mayan/apps/appearance/templates/appearance/login.html
index c54b434025..d08b5babd4 100644
--- a/mayan/apps/appearance/templates/appearance/login.html
+++ b/mayan/apps/appearance/templates/appearance/login.html
@@ -33,22 +33,22 @@
     {% else %}
         {% block content_plain %}
             <div class="row">
-                <div class="col-xs-12 col-md-6 col-md-offset-3">
+                <div class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-4 col-lg-offset-4">
                     {% auto_admin_properties %}
                     {% if auto_admin_properties.account %}
-                        <div id="box">
-                            <div class="block" id="block-login">
-                                <h2>{% trans "First time login" %}</h2>
-                                <div class="content login">
-                                    <p>{% trans 'You have just finished installing <strong>Mayan EDMS</strong>, congratulations!' %}</p>
-                                    <p>{% trans 'Login using the following credentials:' %}</p>
-                                    <p>{% blocktrans with auto_admin_properties.account as account %}Username: <strong>{{ account }}</strong>{% endblocktrans %}</p>
-                                    <p>{% blocktrans with auto_admin_properties.account.email as email %}Email: <strong>{{ email }}</strong>{% endblocktrans %}</p>
-                                    <p>{% blocktrans with auto_admin_properties.password as password %}Password: <strong>{{ password }}</strong>{% endblocktrans %}</p>
-                                    <p>{% trans 'Be sure to change the password to increase security and to disable this message.' %}</p>
-                                </div>
-                            </div>
+                    <div class="panel panel-primary">
+                        <div class="panel-heading">
+                            <h3 class="panel-title">{% trans "First time login" %}</h3>
                         </div>
+                        <div class="panel-body">
+                            <p>{% trans 'You have just finished installing <strong>Mayan EDMS</strong>, congratulations!' %}</p>
+                            <p>{% trans 'Login using the following credentials:' %}</p>
+                            <p>{% blocktrans with auto_admin_properties.account as account %}Username: <strong>{{ account }}</strong>{% endblocktrans %}</p>
+                            <p>{% blocktrans with auto_admin_properties.account.email as email %}Email: <strong>{{ email }}</strong>{% endblocktrans %}</p>
+                            <p>{% blocktrans with auto_admin_properties.password as password %}Password: <strong>{{ password }}</strong>{% endblocktrans %}</p>
+                            <p>{% trans 'Be sure to change the password to increase security and to disable this message.' %}</p>
+                        </div>
+                    </div>
                     {% endif %}
                     <div class="panel panel-primary">
                         <div class="panel-heading">