diff --git a/src/components/ha-filter-categories.ts b/src/components/ha-filter-categories.ts
index 4824305fa9..571c6b27ff 100644
--- a/src/components/ha-filter-categories.ts
+++ b/src/components/ha-filter-categories.ts
@@ -1,5 +1,11 @@
import { ActionDetail, SelectedDetail } from "@material/mwc-list";
-import { mdiDelete, mdiDotsVertical, mdiPencil, mdiPlus } from "@mdi/js";
+import {
+ mdiDelete,
+ mdiDotsVertical,
+ mdiPencil,
+ mdiPlus,
+ mdiTag,
+} from "@mdi/js";
import { UnsubscribeFunc } from "home-assistant-js-websocket";
import { CSSResultGroup, LitElement, css, html, nothing } from "lit";
import { customElement, property, state } from "lit/decorators";
@@ -17,6 +23,7 @@ import type { HomeAssistant } from "../types";
import "./ha-expansion-panel";
import "./ha-icon";
import "./ha-list-item";
+import { stopPropagation } from "../common/dom/stop_propagation";
@customElement("ha-filter-categories")
export class HaFilterCategories extends SubscribeMixin(LitElement) {
@@ -90,9 +97,13 @@ export class HaFilterCategories extends SubscribeMixin(LitElement) {
slot="graphic"
.icon=${category.icon}
>`
- : nothing}
+ : html``}
${category.name}
= (item) =>
>
${item.icon
? html``
- : nothing}
+ : html``}
${item.name}
`;