diff --git a/src/components/ha-theme-picker.ts b/src/components/ha-theme-picker.ts
index 8835a5b186..ef619737b2 100644
--- a/src/components/ha-theme-picker.ts
+++ b/src/components/ha-theme-picker.ts
@@ -42,17 +42,15 @@ export class HaThemePicker extends LitElement {
         fixedMenuPosition
         naturalMenuWidth
       >
-        <mwc-list-item value="remove"
-          >${this.hass!.localize(
-            "ui.components.theme-picker.no_theme"
-          )}</mwc-list-item
-        >
+        <mwc-list-item value="remove">
+          ${this.hass!.localize("ui.components.theme-picker.no_theme")}
+        </mwc-list-item>
         ${this.includeDefault
-          ? html`<mwc-list-item .value=${DEFAULT_THEME}
-              >${this.hass!.localize(
-                "ui.components.theme-picker.default"
-              )}</mwc-list-item
-            >`
+          ? html`
+              <mwc-list-item .value=${DEFAULT_THEME}>
+                Home Assistant
+              </mwc-list-item>
+            `
           : nothing}
         ${Object.keys(this.hass!.themes.themes)
           .sort()
diff --git a/src/panels/profile/ha-pick-theme-row.ts b/src/panels/profile/ha-pick-theme-row.ts
index 1677ff7e15..725955fe98 100644
--- a/src/panels/profile/ha-pick-theme-row.ts
+++ b/src/panels/profile/ha-pick-theme-row.ts
@@ -23,8 +23,8 @@ import {
 import { HomeAssistant } from "../../types";
 import { documentationUrl } from "../../util/documentation-url";
 
-const BACKEND_SELECTED_THEME = "Backend-selected";
-const DEFAULT_THEME = "default";
+const USE_DEFAULT_THEME = "__USE_DEFAULT_THEME__";
+const HOME_ASSISTANT_THEME = "default";
 
 @customElement("ha-pick-theme-row")
 export class HaPickThemeRow extends LitElement {
@@ -68,15 +68,15 @@ export class HaPickThemeRow extends LitElement {
         <ha-select
           .label=${this.hass.localize("ui.panel.profile.themes.dropdown_label")}
           .disabled=${!hasThemes}
-          .value=${this.hass.selectedTheme?.theme || BACKEND_SELECTED_THEME}
+          .value=${this.hass.selectedTheme?.theme || USE_DEFAULT_THEME}
           @selected=${this._handleThemeSelection}
           naturalMenuWidth
         >
-          <mwc-list-item .value=${BACKEND_SELECTED_THEME}>
-            ${this.hass.localize("ui.panel.profile.themes.backend-selected")}
+          <mwc-list-item .value=${USE_DEFAULT_THEME}>
+            ${this.hass.localize("ui.panel.profile.themes.use_default")}
           </mwc-list-item>
-          <mwc-list-item .value=${DEFAULT_THEME}>
-            ${this.hass.localize("ui.panel.profile.themes.default")}
+          <mwc-list-item .value=${HOME_ASSISTANT_THEME}>
+            Home Assistant
           </mwc-list-item>
           ${this._themeNames.map(
             (theme) => html`
@@ -85,7 +85,8 @@ export class HaPickThemeRow extends LitElement {
           )}
         </ha-select>
       </ha-settings-row>
-      ${curTheme === DEFAULT_THEME || this._supportsModeSelection(curTheme)
+      ${curTheme === HOME_ASSISTANT_THEME ||
+      this._supportsModeSelection(curTheme)
         ? html` <div class="inputs">
             <ha-formfield
               .label=${this.hass.localize(
@@ -125,7 +126,7 @@ export class HaPickThemeRow extends LitElement {
               >
               </ha-radio>
             </ha-formfield>
-            ${curTheme === DEFAULT_THEME
+            ${curTheme === HOME_ASSISTANT_THEME
               ? html`<div class="color-pickers">
                   <ha-textfield
                     .value=${themeSettings?.primaryColor ||
@@ -207,7 +208,7 @@ export class HaPickThemeRow extends LitElement {
       return;
     }
 
-    if (theme === BACKEND_SELECTED_THEME) {
+    if (theme === USE_DEFAULT_THEME) {
       if (this.hass.selectedTheme?.theme) {
         fireEvent(this, "settheme", {
           theme: "",
diff --git a/src/translations/en.json b/src/translations/en.json
index 28579d89f7..817993f292 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -403,8 +403,7 @@
       },
       "theme-picker": {
         "theme": "Theme",
-        "no_theme": "No theme",
-        "default": "[%key:ui::panel::profile::themes::default%]"
+        "no_theme": "No theme"
       },
       "language-picker": {
         "language": "Language",
@@ -5194,8 +5193,7 @@
           "primary_color": "Primary color",
           "accent_color": "Accent color",
           "reset": "Reset",
-          "backend-selected": "Use backend preferred theme",
-          "default": "Default"
+          "use_default": "Use default theme"
         },
         "dashboard": {
           "header": "Dashboard",