diff --git a/static/css/linx.css b/static/css/linx.css
index 646c83b..4d7bc7c 100644
--- a/static/css/linx.css
+++ b/static/css/linx.css
@@ -264,6 +264,24 @@ body {
   margin: 0;
 }
 
+#access_key_checkbox {
+  margin: 0;
+}
+
+#access_key_checkbox:checked ~ #access_key {
+  display: inline-block;
+}
+#access_key_checkbox:checked ~ #access_key_label {
+  display: none;
+}
+
+#access_key {
+  line-height: 1em;
+  padding: 1px;
+  border: 3px;
+  display: none;
+}
+
 .oopscontent {
     width: 400px;
 }
diff --git a/templates/index.html b/templates/index.html
index 30b281b..616e1a6 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -27,7 +27,12 @@
                 </select>
                 </label>
             </div>
-            <label><input name="access_key" type="text"/> Require password to access</label>
+
+            <div>
+                <input type="checkbox" id="access_key_checkbox"/>
+                <input id="access_key" name="access_key" type="text" placeholder="Access password"/>
+                <label id="access_key_label"> Require password to access</label>
+            </div>
         </div>
         <div class="clear"></div>
     </form>