diff --git a/ui/app/templates/components/secret-edit.hbs b/ui/app/templates/components/secret-edit.hbs
index ac5bbbf0791f..218ba3b43474 100644
--- a/ui/app/templates/components/secret-edit.hbs
+++ b/ui/app/templates/components/secret-edit.hbs
@@ -27,7 +27,16 @@
     <div class="level-right is-marginless">
       <div class="field is-horizontal is-flex-end is-single-line">
         <div class="control is-flex">
-          <input data-test-secret-json-toggle=true id="json" type="checkbox" name="json" class="switch is-rounded is-success is-small" checked={{showAdvancedMode}} onchange={{action "toggleAdvanced" value="target.checked"}} />
+          <input
+            data-test-secret-json-toggle=true
+            id="json"
+            type="checkbox"
+            name="json"
+            class="switch is-rounded is-success is-small"
+            checked={{showAdvancedMode}}
+            onchange={{action "toggleAdvanced" value="target.checked"}}
+            disabled={{and (eq mode 'show') secretDataIsAdvanced}}
+          />
           <label for="json">JSON</label>
         </div>
         {{#if (and (not-eq mode 'create') (or capabilities.canUpdate capabilities.canDelete))}}
diff --git a/ui/tests/integration/components/secret-edit-test.js b/ui/tests/integration/components/secret-edit-test.js
new file mode 100644
index 000000000000..13d069d7a9b3
--- /dev/null
+++ b/ui/tests/integration/components/secret-edit-test.js
@@ -0,0 +1,34 @@
+import { moduleForComponent, test } from 'ember-qunit';
+import hbs from 'htmlbars-inline-precompile';
+
+moduleForComponent('secret-edit', 'Integration | Component | secret edit', {
+  integration: true,
+});
+
+test('it disables JSON toggle in show mode when is an advanced format', function(assert) {
+  this.set('mode', 'show');
+  this.set('key', {
+    secretData: {
+      int: 2,
+      null: null,
+      float: 1.234,
+    },
+  });
+
+  this.render(hbs`{{secret-edit mode=mode key=key }}`);
+  assert.dom('[data-test-secret-json-toggle]').isDisabled();
+});
+
+test('it does JSON toggle in show mode when is', function(assert) {
+  this.set('mode', 'show');
+  this.set('key', {
+    secretData: {
+      int: '2',
+      null: 'null',
+      float: '1.234',
+    },
+  });
+
+  this.render(hbs`{{secret-edit mode=mode key=key }}`);
+  assert.dom('[data-test-secret-json-toggle]').isNotDisabled();
+});