diff --git a/src/component/main.vue b/src/component/main.vue
index a780130..4b7fcaf 100644
--- a/src/component/main.vue
+++ b/src/component/main.vue
@@ -209,6 +209,7 @@ const state = reactive<NekoState>({
   sessions: {},
   settings: {
     private_mode: false,
+    locked_logins: false,
     locked_controls: false,
     implicit_hosting: false,
     inactive_cursors: false,
@@ -755,6 +756,7 @@ function clear() {
   state.sessions = {} // TODO: Vue.Set
   state.settings =  {
     private_mode: false,
+    locked_logins: false,
     locked_controls: false,
     implicit_hosting: false,
     inactive_cursors: false,
diff --git a/src/component/types/state.ts b/src/component/types/state.ts
index a63f725..d7ebd87 100644
--- a/src/component/types/state.ts
+++ b/src/component/types/state.ts
@@ -156,6 +156,7 @@ export interface Session {
 
 export interface Settings {
   private_mode: boolean
+  locked_logins: boolean
   locked_controls: boolean
   implicit_hosting: boolean
   inactive_cursors: boolean
diff --git a/src/page/components/events.vue b/src/page/components/events.vue
index a97da25..dd5e99b 100644
--- a/src/page/components/events.vue
+++ b/src/page/components/events.vue
@@ -460,6 +460,17 @@
           </div>
         </td>
       </tr>
+      <tr>
+        <th class="middle">settings.locked_logins</th>
+        <td>
+          <div class="space-between">
+            <span>{{ neko.state.settings.locked_logins }}</span>
+            <button @click="updateSettings({ locked_logins: !neko.state.settings.locked_logins })">
+              <i class="fas fa-toggle-on"></i>
+            </button>
+          </div>
+        </td>
+      </tr>
       <tr>
         <th class="middle">settings.locked_controls</th>
         <td>