diff --git a/kallithea/public/css/style.css b/kallithea/public/css/style.css
--- a/kallithea/public/css/style.css
+++ b/kallithea/public/css/style.css
@@ -577,7 +577,6 @@ a.metatag[data-tag="license"]:hover {
 #login .panel-body .icon-lock {
     font-size: 100px;
     color: #DDD;
-    position: absolute;
     margin-left: -15px;
     z-index: 1;
 }
diff --git a/kallithea/templates/login.html b/kallithea/templates/login.html
--- a/kallithea/templates/login.html
+++ b/kallithea/templates/login.html
@@ -20,19 +20,19 @@
             <i class="icon-lock"></i>
 
                 <div class="form-group">
-                    <label class="control-label col-sm-5" for="username">${_('Username')}:</label>
-                    <div class="col-sm-7">
+                    <label class="control-label" for="username">${_('Username')}:</label>
+                    <div>
                         ${h.text('username',class_='form-control')}
                     </div>
                 </div>
                 <div class="form-group">
-                    <label class="control-label col-sm-5" for="password">${_('Password')}:</label>
-                    <div class="col-sm-7">
+                    <label class="control-label" for="password">${_('Password')}:</label>
+                    <div>
                         ${h.password('password',class_='form-control')}
                     </div>
                 </div>
                 <div class="form-group">
-                    <div class="col-sm-offset-5 col-sm-7">
+                    <div>
                         <div class="checkbox">
                             <label>
                                 <input type="checkbox" id="remember" name="remember"/>