diff --git a/assets/login.css b/assets/login.css
index 3b044bf..1dfa508 100644
--- a/assets/login.css
+++ b/assets/login.css
@@ -1,5 +1,3 @@
-.input-group-digits {
-}
 .input-group-digits .form-control {
 	font-size: 2rem;
 	padding: 0.5rem 0;
@@ -8,10 +6,14 @@
 	text-align: center;
 	font-weight: 300;
 }
+
+.input-group-digits input[type=number] {
+    -moz-appearance: textfield;
+}
 .input-group-digits input[type=number]::-webkit-inner-spin-button, 
 .input-group-digits input[type=number]::-webkit-outer-spin-button { 
-	  -webkit-appearance: none; 
-	    margin: 0; 
+    -webkit-appearance: none; 
+    margin: 0; 
 }
 
 .login {
diff --git a/index.js b/index.js
index 760b39c..461f452 100644
--- a/index.js
+++ b/index.js
@@ -65,7 +65,7 @@ app.use(bodyparser.urlencoded());
 
 // AUTH
 
-const KEY = process.env.KEY ? base32.decode(process.env.KEY) : null;
+const KEY = process.env.KEY ? base32.decode(process.env.KEY.replace(/ /g, "")) : null;
 
 app.get("/@logout", (req, res) => {
 	if (KEY) {
diff --git a/views/login.handlebars b/views/login.handlebars
index 80937d3..53ef32f 100644
--- a/views/login.handlebars
+++ b/views/login.handlebars
@@ -1,7 +1,8 @@
 {{> navbar isloggingin=true}}
 
-<main class="container" style="margin-top: 64px; margin-bottom: 64px;">
-	<div class="login text-nowrap mx-auto">
+<div style="padding-top: 56px; padding-bottom: 56px;">
+<main class="container my-4">
+	<div class="login mx-auto">
 		{{#each errors as |error|}}
 			<div class="alert alert-danger" role="alert">
 				{{error}}
@@ -12,21 +13,20 @@
 				{{success}}
 			</div>
 		{{/each}}
-		<div class="card">
-			<form class="card-block" action="/@login" method="post">
-				<div class="form-group">
-					<label>Token:</label>
-					<div class="input-group input-group-lg input-group-digits">
-						<input type="number" class="form-control" placeholder="&bull;" />
-						<input type="number" class="form-control" placeholder="&bull;" />
-						<input type="number" class="form-control" placeholder="&bull;" />
-						<input type="number" class="form-control" placeholder="&bull;" />
-						<input type="number" class="form-control" placeholder="&bull;" />
-						<input type="number" class="form-control" placeholder="&bull;" />
-					</div>
-					<input name="token" id="login-token-value" type="hidden" />
-				</div>
-			</form>
-		</div>
+        <form class="py-4" action="/@login" method="post">
+            <h4>One-time token:</h4>
+            <div class="form-group">
+                <div class="input-group input-group-lg input-group-digits">
+                    <input type="number" class="form-control" placeholder="&bull;" />
+                    <input type="number" class="form-control" placeholder="&bull;" />
+                    <input type="number" class="form-control" placeholder="&bull;" />
+                    <input type="number" class="form-control" placeholder="&bull;" />
+                    <input type="number" class="form-control" placeholder="&bull;" />
+                    <input type="number" class="form-control" placeholder="&bull;" />
+                </div>
+                <input name="token" id="login-token-value" type="hidden" />
+            </div>
+        </form>
 	</div>
 </main>
+</div>