diff --git a/src/component/main.vue b/src/component/main.vue
index 4b7fcafb..6d5bf210 100644
--- a/src/component/main.vue
+++ b/src/component/main.vue
@@ -211,6 +211,7 @@ const state = reactive<NekoState>({
     private_mode: false,
     locked_logins: false,
     locked_controls: false,
+    control_protection: false,
     implicit_hosting: false,
     inactive_cursors: false,
     merciful_reconnect: false,
@@ -758,6 +759,7 @@ function clear() {
     private_mode: false,
     locked_logins: false,
     locked_controls: false,
+    control_protection: false,
     implicit_hosting: false,
     inactive_cursors: false,
     merciful_reconnect: false,
diff --git a/src/component/types/state.ts b/src/component/types/state.ts
index d7ebd87b..c5870dd0 100644
--- a/src/component/types/state.ts
+++ b/src/component/types/state.ts
@@ -158,6 +158,7 @@ export interface Settings {
   private_mode: boolean
   locked_logins: boolean
   locked_controls: boolean
+  control_protection: boolean
   implicit_hosting: boolean
   inactive_cursors: boolean
   merciful_reconnect: boolean
diff --git a/src/page/components/events.vue b/src/page/components/events.vue
index dd5e99b8..767122ec 100644
--- a/src/page/components/events.vue
+++ b/src/page/components/events.vue
@@ -482,6 +482,17 @@
           </div>
         </td>
       </tr>
+      <tr>
+        <th class="middle">settings.control_protection</th>
+        <td>
+          <div class="space-between">
+            <span>{{ neko.state.settings.control_protection }}</span>
+            <button @click="updateSettings({ control_protection: !neko.state.settings.control_protection })">
+              <i class="fas fa-toggle-on"></i>
+            </button>
+          </div>
+        </td>
+      </tr>
       <tr>
         <th class="middle">settings.implicit_hosting</th>
         <td>