diff --git a/src/csui/LoggerUi.vue b/src/csui/LoggerUi.vue
index 5476d52..2bb465f 100644
--- a/src/csui/LoggerUi.vue
+++ b/src/csui/LoggerUi.vue
@@ -55,7 +55,7 @@
       </div>
 
       <div class="settings-panel flex flex-noshrink flex-column">
-        <JsonObject :value="currentSettings" key="logger-settings"></JsonObject>
+        <JsonObject :value="currentSettings" label="logger-settings" @change="updateSettingsUi"></JsonObject>
       </div>
 
       <!-- LOGGER OUTPUT/START LOGGING -->
@@ -212,6 +212,15 @@ export default {
         this.confHasError = true;
       }
     },
+    updateSettingsUi(val) {
+      try {
+        this.parsedSettings = JSON.stringify(val, null, 2);
+        this.lastSettings = val;
+        this.currentSettings = JSON.parse(JSON.stringify(this.lastSettings));
+      } catch (e) {
+        
+      }
+    },
     restoreLoggerSettings() {
       this.getLoggerSettings();
       this.confHasError = false;