diff --git a/src/panels/config/dashboard/ha-config-dashboard.ts b/src/panels/config/dashboard/ha-config-dashboard.ts
index 2db813c397..672648cc94 100644
--- a/src/panels/config/dashboard/ha-config-dashboard.ts
+++ b/src/panels/config/dashboard/ha-config-dashboard.ts
@@ -161,10 +161,6 @@ class HaConfigDashboard extends LitElement {
     return [
       haStyle,
       css`
-        app-header {
-          border-bottom: var(--app-header-border-bottom);
-          --header-height: 55px;
-        }
         :host(:not([narrow])) ha-card:last-child {
           margin-bottom: 24px;
         }
diff --git a/src/resources/styles.ts b/src/resources/styles.ts
index 150e5efede..92f141c829 100644
--- a/src/resources/styles.ts
+++ b/src/resources/styles.ts
@@ -184,6 +184,8 @@ export const haStyle = css`
 
   app-toolbar {
     height: var(--header-height);
+    border-bottom: var(--app-header-border-bottom);
+    box-sizing: border-box;
   }
 
   app-header div[sticky] {