diff --git a/src/panels/lovelace/hui-root.ts b/src/panels/lovelace/hui-root.ts
index e3525383ed..0f92dcec8e 100644
--- a/src/panels/lovelace/hui-root.ts
+++ b/src/panels/lovelace/hui-root.ts
@@ -7,8 +7,8 @@ import {
   mdiFileMultiple,
   mdiFormatListBulletedTriangle,
   mdiHelp,
-  mdiMagnify,
   mdiHelpCircle,
+  mdiMagnify,
   mdiMicrophone,
   mdiPencil,
   mdiPlus,
@@ -29,7 +29,7 @@ import {
   PropertyValues,
   TemplateResult,
 } from "lit";
-import { property, state, query } from "lit/decorators";
+import { property, query, state } from "lit/decorators";
 import { classMap } from "lit/directives/class-map";
 import memoizeOne from "memoize-one";
 import { isComponentLoaded } from "../../common/config/is_component_loaded";
@@ -61,6 +61,7 @@ import {
   showAlertDialog,
   showConfirmationDialog,
 } from "../../dialogs/generic/show-dialog-box";
+import { showQuickBar } from "../../dialogs/quick-bar/show-dialog-quick-bar";
 import { showVoiceCommandDialog } from "../../dialogs/voice-command-dialog/show-ha-voice-command-dialog";
 import "../../layouts/ha-app-layout";
 import type { haAppLayout } from "../../layouts/ha-app-layout";
@@ -73,7 +74,6 @@ import { showEditViewDialog } from "./editor/view-editor/show-edit-view-dialog";
 import type { Lovelace } from "./types";
 import "./views/hui-view";
 import type { HUIView } from "./views/hui-view";
-import { showQuickBar } from "../../dialogs/quick-bar/show-dialog-quick-bar";
 
 class HUIRoot extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
@@ -557,7 +557,8 @@ class HUIRoot extends LitElement {
     let newSelectView;
     let force = false;
 
-    const viewPath = decodeURI(this.route!.path.split("/")[1]);
+    let viewPath: string | undefined = this.route!.path.split("/")[1];
+    viewPath = viewPath ? decodeURI(viewPath) : undefined;
 
     if (changedProperties.has("route")) {
       const views = this.config.views;