diff --git a/src/panels/lovelace/editor/card-editor/hui-card-editor.ts b/src/panels/lovelace/editor/card-editor/hui-card-editor.ts
index fde52d869e..b2eb3a6ec4 100644
--- a/src/panels/lovelace/editor/card-editor/hui-card-editor.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-card-editor.ts
@@ -145,9 +145,12 @@ export class HuiCardEditor extends LitElement {
           <mwc-button
             @click=${this.toggleMode}
             ?disabled=${this._warning || this._error}
-            ?unelevated=${this._GUImode === false}
           >
-            <ha-icon icon="mdi:code-braces"></ha-icon>
+            ${this.hass!.localize(
+              this._GUImode
+                ? "ui.panel.lovelace.editor.edit_card.show_code_editor"
+                : "ui.panel.lovelace.editor.edit_card.show_visual_editor"
+            )}
           </mwc-button>
         </div>
       </div>
diff --git a/src/translations/en.json b/src/translations/en.json
index 4129c53f58..83deb0d04b 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -1368,6 +1368,8 @@
             "header": "Card Configuration",
             "pick_card": "Pick the card you want to add.",
             "toggle_editor": "Toggle Editor",
+            "show_visual_editor": "Show Visual Editor",
+            "show_code_editor": "Show Code Editor",
             "add": "Add Card",
             "edit": "Edit",
             "delete": "Delete",