diff --git a/src/components/cc-kv-explorer/cc-kv-explorer.js b/src/components/cc-kv-explorer/cc-kv-explorer.js
index 59d72f954..37dc54a82 100644
--- a/src/components/cc-kv-explorer/cc-kv-explorer.js
+++ b/src/components/cc-kv-explorer/cc-kv-explorer.js
@@ -656,11 +656,11 @@ export class CcKvExplorer extends LitElement {
    * @return {TemplateResult}
    */
   _renderKey({ keyState, skeleton }, index) {
-    const selected = keyState.type === 'selected';
-    const loading = keyState.type === 'loading';
-    const deleting = keyState.type === 'deleting';
+    const isSelected = keyState.type === 'selected';
+    const isLoading = keyState.type === 'loading';
+    const isDeleting = keyState.type === 'deleting';
     const id = `key-${keyState.key.name}`;
-    const buttonTabindex = selected || loading ? undefined : -1;
+    const buttonTabindex = isSelected || isLoading ? undefined : -1;
 
     return html`<div class="key">
       <input
@@ -669,7 +669,7 @@ export class CcKvExplorer extends LitElement {
         id=${id}
         name="selectedKey"
         .value=${keyState.key.name}
-        .checked=${selected || loading}
+        .checked=${isSelected || isLoading}
         .disabled=${skeleton}
       />
       <label for=${id}>
@@ -678,8 +678,8 @@ export class CcKvExplorer extends LitElement {
         <cc-button
           class="delete-key-button"
           tabindex=${ifDefined(buttonTabindex)}
-          ?disabled=${loading || skeleton}
-          ?waiting=${deleting}
+          ?disabled=${isLoading || skeleton}
+          ?waiting=${isDeleting}
           ?skeleton=${skeleton}
           hide-text
           danger
diff --git a/src/components/cc-kv-hash-explorer/cc-kv-hash-explorer.js b/src/components/cc-kv-hash-explorer/cc-kv-hash-explorer.js
index 09c596252..5c333da2f 100644
--- a/src/components/cc-kv-hash-explorer/cc-kv-hash-explorer.js
+++ b/src/components/cc-kv-hash-explorer/cc-kv-hash-explorer.js
@@ -437,23 +437,23 @@ export class CcKvHashExplorer extends LitElement {
   }
 
   _renderAddForm() {
-    const loading = this.state.type === 'loading';
-    const adding = this.state.type !== 'loading' && this.state.addForm.type === 'adding';
-    const readonly = loading || adding;
+    const isLoading = this.state.type === 'loading';
+    const isAdding = this.state.type !== 'loading' && this.state.addForm.type === 'adding';
+    const isReadonly = isLoading || isAdding;
 
     return html`
       <form class="add-form" ${ref(this._addFormRef)} ${formSubmit(this._onAddFormSubmit)}>
         <cc-input-text
           name="field"
           label=${i18n('cc-kv-hash-explorer.add-form.element-field')}
-          ?readonly=${readonly}
+          ?readonly=${isReadonly}
           ?disabled=${this.disabled}
           inline
         ></cc-input-text>
         <cc-input-text
           name="value"
           label=${i18n('cc-kv-hash-explorer.add-form.element-value')}
-          ?readonly=${readonly}
+          ?readonly=${isReadonly}
           ?disabled=${this.disabled}
           inline
           multi
@@ -462,8 +462,8 @@ export class CcKvHashExplorer extends LitElement {
           type="submit"
           a11y-name=${i18n('cc-kv-hash-explorer.add-form.submit.a11y')}
           .icon=${iconAdd}
-          ?waiting=${adding}
-          ?disabled=${loading || this.disabled}
+          ?waiting=${isAdding}
+          ?disabled=${isLoading || this.disabled}
           >${i18n('cc-kv-hash-explorer.add-form.submit')}</cc-button
         >
       </form>
diff --git a/src/components/cc-kv-list-explorer/cc-kv-list-explorer.js b/src/components/cc-kv-list-explorer/cc-kv-list-explorer.js
index a2c355585..a94c23c82 100644
--- a/src/components/cc-kv-list-explorer/cc-kv-list-explorer.js
+++ b/src/components/cc-kv-list-explorer/cc-kv-list-explorer.js
@@ -432,9 +432,9 @@ export class CcKvListExplorer extends LitElement {
       { label: i18n('cc-kv-list-explorer.add-form.element-position.head'), value: 'head' },
     ];
 
-    const loading = this.state.type === 'loading';
-    const adding = this.state.type !== 'loading' && this.state.addForm.type === 'adding';
-    const readonly = loading || adding;
+    const isLoading = this.state.type === 'loading';
+    const isAdding = this.state.type !== 'loading' && this.state.addForm.type === 'adding';
+    const isReadonly = isLoading || isAdding;
 
     return html`<form class="add-form" ${ref(this._addFormRef)} ${formSubmit(this._onAddFormSubmit)}>
       <cc-select
@@ -449,7 +449,7 @@ export class CcKvListExplorer extends LitElement {
       <cc-input-text
         name="value"
         label=${i18n('cc-kv-list-explorer.add-form.element-value')}
-        ?readonly=${readonly}
+        ?readonly=${isReadonly}
         ?disabled=${this.disabled}
         inline
         multi
@@ -458,8 +458,8 @@ export class CcKvListExplorer extends LitElement {
         type="submit"
         a11y-name=${i18n('cc-kv-list-explorer.add-form.submit.a11y')}
         .icon=${iconAdd}
-        ?waiting=${adding}
-        ?disabled=${loading || this.disabled}
+        ?waiting=${isAdding}
+        ?disabled=${isLoading || this.disabled}
         >${i18n('cc-kv-list-explorer.add-form.submit')}</cc-button
       >
     </form>`;
diff --git a/src/components/cc-kv-set-explorer/cc-kv-set-explorer.js b/src/components/cc-kv-set-explorer/cc-kv-set-explorer.js
index 45ec4b312..68f19a797 100644
--- a/src/components/cc-kv-set-explorer/cc-kv-set-explorer.js
+++ b/src/components/cc-kv-set-explorer/cc-kv-set-explorer.js
@@ -271,15 +271,15 @@ export class CcKvSetExplorer extends LitElement {
   }
 
   _renderAddForm() {
-    const loading = this.state.type === 'loading';
-    const adding = this.state.type !== 'loading' && this.state.addForm.type === 'adding';
-    const readonly = loading || adding;
+    const isLoading = this.state.type === 'loading';
+    const isAdding = this.state.type !== 'loading' && this.state.addForm.type === 'adding';
+    const isReadonly = isLoading || isAdding;
 
     return html`<form class="add-form" ${ref(this._addFormRef)} ${formSubmit(this._onAddFormSubmit)}>
       <cc-input-text
         name="element"
         label=${i18n('cc-kv-set-explorer.add-form.element-value')}
-        ?readonly=${readonly}
+        ?readonly=${isReadonly}
         ?disabled=${this.disabled}
         inline
         multi
@@ -288,8 +288,8 @@ export class CcKvSetExplorer extends LitElement {
         type="submit"
         a11y-name=${i18n('cc-kv-set-explorer.add-form.submit.a11y')}
         .icon=${iconAdd}
-        ?waiting=${adding}
-        ?disabled=${loading || this.disabled}
+        ?waiting=${isAdding}
+        ?disabled=${isLoading || this.disabled}
         >${i18n('cc-kv-set-explorer.add-form.submit')}</cc-button
       >
     </form>`;
diff --git a/src/components/cc-kv-string-editor/cc-kv-string-editor.js b/src/components/cc-kv-string-editor/cc-kv-string-editor.js
index bf00cd406..6e27b2fec 100644
--- a/src/components/cc-kv-string-editor/cc-kv-string-editor.js
+++ b/src/components/cc-kv-string-editor/cc-kv-string-editor.js
@@ -56,8 +56,8 @@ export class CcKvStringEditor extends LitElement {
   }
 
   render() {
-    const loading = this.state.type === 'loading';
-    const saving = this.state.type === 'saving';
+    const isLoading = this.state.type === 'loading';
+    const isSaving = this.state.type === 'saving';
     const value = this.state.type === 'loading' ? '' : this.state.value;
     const isDisabled = this.disabled;
 
@@ -65,19 +65,19 @@ export class CcKvStringEditor extends LitElement {
       <cc-input-text
         name="value"
         label=${i18n('cc-kv-string-editor.form.value')}
-        .skeleton=${loading}
+        .skeleton=${isLoading}
         ?disabled=${isDisabled}
-        ?readonly=${saving}
+        ?readonly=${isSaving}
         clipboard
         multi
         .resetValue=${value}
         .value=${value}
       ></cc-input-text>
       <div class="buttons">
-        <cc-button type="reset" .skeleton=${loading} .disabled=${isDisabled || saving}>
+        <cc-button type="reset" .skeleton=${isLoading} .disabled=${isDisabled || isSaving}>
           ${i18n('cc-kv-string-editor.form.reset')}
         </cc-button>
-        <cc-button type="submit" primary .skeleton=${loading} .disabled=${isDisabled} .waiting=${saving}>
+        <cc-button type="submit" primary .skeleton=${isLoading} .disabled=${isDisabled} .waiting=${isSaving}>
           ${i18n('cc-kv-string-editor.form.save')}
         </cc-button>
       </div>