diff --git a/src/views/login.ejs b/src/views/login.ejs
index b965c8c3b..9378b3dea 100644
--- a/src/views/login.ejs
+++ b/src/views/login.ejs
@@ -5,39 +5,41 @@
     <title>Login</title>
 </head>
 <body>
-<div style="width: 400px; margin: auto; padding-top: 30px;">
-    <h1>Trilium login</h1>
+<div class="container">
+    <div class="col-md-5 offset-md-3">
+        <h1>Trilium login</h1>
 
-    <% if (failedAuth) { %>
-        <div class="alert alert-warning">
-            Username and / or password are incorrect. Please try again.
-        </div>
-    <% } %>
+        <% if (failedAuth) { %>
+            <div class="alert alert-warning">
+                Username and / or password are incorrect. Please try again.
+            </div>
+        <% } %>
 
-    <form action="login" method="POST">
-        <div class="form-group">
-            <label for="username">Username</label>
-            <div class="controls">
-                <input id="username" name="username" placeholder="" class="form-control" type="text">
+        <form action="login" method="POST">
+            <div class="form-group">
+                <label for="username">Username</label>
+                <div class="controls">
+                    <input id="username" name="username" placeholder="" class="form-control" type="text">
+                </div>
             </div>
-        </div>
-        <div class="form-group">
-            <label for="password">Password</label>
-            <div class="controls">
-                <input id="password" name="password" placeholder="" class="form-control" type="password">
+            <div class="form-group">
+                <label for="password">Password</label>
+                <div class="controls">
+                    <input id="password" name="password" placeholder="" class="form-control" type="password">
+                </div>
             </div>
-        </div>
-        <div class="form-group">
-            <div class="checkbox">
-                <label>
-                    <input id="remember-me" name="remember_me" value="1" type="checkbox"> Remember me
-                </label>
+            <div class="form-group">
+                <div class="checkbox">
+                    <label>
+                        <input id="remember-me" name="remember_me" value="1" type="checkbox"> Remember me
+                    </label>
+                </div>
             </div>
-        </div>
-        <div class="form-group">
-            <button class="btn btn-success">Login</button>
-        </div>
-    </form>
+            <div class="form-group">
+                <button class="btn btn-success">Login</button>
+            </div>
+        </form>
+    </div>
 </div>
 
 <!-- Required for correct loading of scripts in Electron -->
