diff --git a/src/content.ts b/src/content.ts
index 2147a4a7..ba46f3d5 100644
--- a/src/content.ts
+++ b/src/content.ts
@@ -408,6 +408,14 @@ config.getAsync("modeindicator").then(mode => {
             statusIndicator.classList.remove("TridactylInvisble")
         }
     })
+
+    config.addChangeListener("modeindicator", (_, newVal) => {
+        if (newVal !== "true") {
+            statusIndicator.classList.add("TridactylInvisible")
+        } else {
+            statusIndicator.classList.remove("TridactylInvisble")
+        }
+    })
 })
 
 function protectSlash(e) {