From 559b6e9d5b8c95c84b3328dd57681399137352bb Mon Sep 17 00:00:00 2001
From: Robin Wittebol <robinwittebol@live.nl>
Date: Wed, 26 Jan 2022 16:26:44 +0100
Subject: [PATCH] Apply header bottom border and fix header height (#10986)

---
 src/panels/config/dashboard/ha-config-dashboard.ts | 4 ----
 src/resources/styles.ts                            | 2 ++
 2 files changed, 2 insertions(+), 4 deletions(-)

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] {