diff --git a/src/panels/developer-tools/ha-panel-developer-tools.ts b/src/panels/developer-tools/ha-panel-developer-tools.ts
index ba415edd8968..1e9cda947187 100644
--- a/src/panels/developer-tools/ha-panel-developer-tools.ts
+++ b/src/panels/developer-tools/ha-panel-developer-tools.ts
@@ -11,7 +11,7 @@ import { haStyle } from "../../resources/styles";
 import { HomeAssistant, Route } from "../../types";
 import "./developer-tools-router";
 import "../../components/ha-md-tabs";
-import "../../components/ha-md-secondary-tab";
+import "../../components/ha-md-primary-tab";
 
 const tabs = [
   { page: "yaml", label: "yaml" },
@@ -71,11 +71,11 @@ class PanelDeveloperTools extends LitElement {
         >
           ${tabs.map(
             (tab) => html`
-              <ha-md-secondary-tab
+              <ha-md-primary-tab
                 >${this.hass.localize(
                   `ui.panel.developer-tools.tabs.${tab.label}.title`
                 )}
-              </ha-md-secondary-tab>
+              </ha-md-primary-tab>
             `
           )}
         </ha-md-tabs>
diff --git a/src/panels/lovelace/hui-root.ts b/src/panels/lovelace/hui-root.ts
index d4a870029f01..97622dd2e078 100644
--- a/src/panels/lovelace/hui-root.ts
+++ b/src/panels/lovelace/hui-root.ts
@@ -346,7 +346,7 @@ class HUIRoot extends LitElement {
                           >
                             ${views.map(
                               (view) => html`
-                                <ha-md-secondary-tab
+                                <ha-md-primary-tab
                                   aria-label=${ifDefined(view.title)}
                                   class=${classMap({
                                     "hide-tab": Boolean(
@@ -370,7 +370,7 @@ class HUIRoot extends LitElement {
                                         ></ha-icon>
                                       `
                                     : view.title || "Unnamed view"}
-                                </ha-md-secondary-tab>
+                                </ha-md-primary-tab>
                               `
                             )}
                           </ha-md-tabs>
@@ -1085,7 +1085,7 @@ class HUIRoot extends LitElement {
         }
         ha-md-tabs {
           text-transform: uppercase;
-          --md-secondary-tab-label-text-size: 14px;
+          --md-primary-tab-label-text-size: 14px;
           --md-sys-color-primary: var(--app-header-text-color, white);
           --md-sys-color-secondary: var(--app-header-text-color, white);
           --md-sys-color-surface: var(--app-header-background-color);