From 29d921948179f3aa8decad4da771708e70407cfd Mon Sep 17 00:00:00 2001
From: Donnie <donniekarnsinsb@hotmail.com>
Date: Mon, 2 Nov 2020 12:16:45 -0800
Subject: [PATCH] Fix hidden items spacer separation

---
 src/components/ha-sidebar.ts | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts
index fa70755782..096026909a 100644
--- a/src/components/ha-sidebar.ts
+++ b/src/components/ha-sidebar.ts
@@ -387,7 +387,7 @@ class HaSidebar extends LitElement {
           this._renderEmptySortable ? "" : this._renderPanels(beforeSpacer)
         )}
       </div>
-      ${this._renderSpacer()}
+      ${this._renderHiddenItemSpacer()}
       ${this._renderHiddenPanels()} `;
   }
 
@@ -464,6 +464,10 @@ class HaSidebar extends LitElement {
     return html`<li divider role="separator" class="spacer"></li>`;
   }
 
+  private _renderHiddenItemSpacer() {
+    return html`<li divider role="separator" class="spacer-hidden"></li>`;
+  }
+
   private _renderNotifications() {
     let notificationCount = this._notifications
       ? this._notifications.length
@@ -1044,6 +1048,14 @@ class HaSidebar extends LitElement {
         .spacer {
           flex: 1;
           pointer-events: none;
+          border: 0px;
+        }
+
+        .spacer-hidden {
+          flex: 1;
+          pointer-events: none;
+          height: 77px;
+          border: 0px;
         }
 
         .subheader {