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 {