diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts
index 509996946a..36cdbf11b9 100644
--- a/src/components/ha-sidebar.ts
+++ b/src/components/ha-sidebar.ts
@@ -24,7 +24,13 @@ import "@polymer/paper-listbox/paper-listbox";
 import type { UnsubscribeFunc } from "home-assistant-js-websocket";
 import type { CSSResult, CSSResultGroup, PropertyValues } from "lit";
 import { LitElement, css, html, nothing } from "lit";
-import { customElement, eventOptions, property, state } from "lit/decorators";
+import {
+  customElement,
+  eventOptions,
+  property,
+  query,
+  state,
+} from "lit/decorators";
 import { classMap } from "lit/directives/class-map";
 import memoizeOne from "memoize-one";
 import type { PaperListboxElement } from "@polymer/paper-listbox";
@@ -197,6 +203,8 @@ class HaSidebar extends SubscribeMixin(LitElement) {
 
   @state() private _issuesCount = 0;
 
+  @query("paper-listbox", true) private _sidebar!: PaperListboxElement;
+
   private _mouseLeaveTimeout?: number;
 
   private _tooltipHideTimeout?: number;
@@ -290,10 +298,7 @@ class HaSidebar extends SubscribeMixin(LitElement) {
     this._subscribePersistentNotifications();
 
     window.addEventListener("hass-reset-sidebar", (ev) => {
-      const sidebar = this.shadowRoot?.getElementById(
-        "sidebar"
-      ) as PaperListboxElement;
-      sidebar.selected = ev.detail;
+      this._sidebar.selected = ev.detail;
     });
   }