diff --git a/src/components/ha-navigation-list.ts b/src/components/ha-navigation-list.ts
index 16139441ba7a..65cd96509219 100644
--- a/src/components/ha-navigation-list.ts
+++ b/src/components/ha-navigation-list.ts
@@ -19,7 +19,8 @@ class HaNavigationList extends LitElement {
 
   @property({ attribute: false }) public pages!: PageNavigation[];
 
-  @property({ attribute: false, type: Boolean }) public hasSecondary = false;
+  @property({ attribute: "has-secondary", type: Boolean })
+  public hasSecondary = false;
 
   @property() public label?: string;
 
diff --git a/src/panels/config/core/ha-config-system-navigation.ts b/src/panels/config/core/ha-config-system-navigation.ts
index 4065996f4cdc..d15a0f35b9bf 100644
--- a/src/panels/config/core/ha-config-system-navigation.ts
+++ b/src/panels/config/core/ha-config-system-navigation.ts
@@ -139,7 +139,7 @@ class HaConfigSystemNavigation extends LitElement {
               .hass=${this.hass}
               .narrow=${this.narrow}
               .pages=${pages}
-              hasSecondary
+              has-secondary
               .label=${this.hass.localize(
                 "ui.panel.config.dashboard.system.main"
               )}
diff --git a/src/panels/config/dashboard/ha-config-navigation.ts b/src/panels/config/dashboard/ha-config-navigation.ts
index fcabf2148e15..0b0f926dadfb 100644
--- a/src/panels/config/dashboard/ha-config-navigation.ts
+++ b/src/panels/config/dashboard/ha-config-navigation.ts
@@ -57,7 +57,7 @@ class HaConfigNavigation extends LitElement {
       }));
     return html`
       <ha-navigation-list
-        hasSecondary
+        has-secondary
         .hass=${this.hass}
         .narrow=${this.narrow}
         .pages=${pages}