diff --git a/templates/user/log-in.html b/templates/user/log-in.html
index 3e45d64..d546b61 100644
--- a/templates/user/log-in.html
+++ b/templates/user/log-in.html
@@ -1,17 +1,31 @@
 {% extends "layouts/default.html" %}
 {% block title%}Log-in and start doing stuff.{%endblock%}
 {% block content %}
-<h2>Login</h2>
-
-<div>
-<form action="/login" method="post">
-  <input type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
-    <label>Username</label>
-    <input required type="text" name="USERNAME">
-    <label>password</label>
-    <input required type="password" name="PASSWORD">
-    <input type="submit" value="Log-in">
-</form>
+<div class="be-main">
+    <div class="be-login-container">
+	<h2>Log-In</h2>
+	<form class="be-gui-form"
+	      action="/login"
+	      method="post">
+	    <input type="hidden"
+		   name="AUTHENTICITY-TOKEN"
+		   value="{{token}}">
+	    <label>Username</label>
+	    <input required
+		   type="text"
+		   name="USERNAME">
+	    <label>password</label>
+	    <input required
+		   type="password"
+		   name="PASSWORD">
+	    <button class="be-gui-button"
+		    title="Click to login"
+		    type="submit">
+		<img alt="Log-in"
+		     src="/images/icons/login.png">
+		Login
+	    </button>
+	</form>
+    </div>
 </div>
-
 {% endblock %}