diff --git a/src/panels/lovelace/components/notifications/hui-notifications-button.ts b/src/panels/lovelace/components/notifications/hui-notifications-button.ts
index 8bff5f3a21..3eb69a243a 100644
--- a/src/panels/lovelace/components/notifications/hui-notifications-button.ts
+++ b/src/panels/lovelace/components/notifications/hui-notifications-button.ts
@@ -12,7 +12,7 @@ import { fireEvent } from "../../../../common/dom/fire_event";
 
 class HuiNotificationsButton extends LitElement {
   @property() public notifications?: string[];
-  @property() public open?: boolean;
+  @property() public opened?: boolean;
 
   protected render(): TemplateResult | void {
     return html`
@@ -43,8 +43,8 @@ class HuiNotificationsButton extends LitElement {
   }
 
   private _clicked() {
-    this.open = true;
-    fireEvent(this, "open-changed");
+    this.opened = true;
+    fireEvent(this, "opened", { value: this.opened });
   }
 }
 
diff --git a/src/panels/lovelace/hui-root.ts b/src/panels/lovelace/hui-root.ts
index 86376918b0..6d198621ef 100644
--- a/src/panels/lovelace/hui-root.ts
+++ b/src/panels/lovelace/hui-root.ts
@@ -60,7 +60,7 @@ let loadedUnusedEntities = false;
 declare global {
   // tslint:disable-next-line
   interface HASSDomEvents {
-    "open-changed": {};
+    opened: {};
   }
 }
 
@@ -193,8 +193,8 @@ class HUIRoot extends LitElement {
                   <div main-title>${this.config.title || "Home Assistant"}</div>
                   <hui-notifications-button
                     .hass="${this.hass}"
-                    .open="${this._notificationsOpen}"
-                    @open-changed="${this._handleNotificationsOpenChanged}"
+                    .opened="${this._notificationsOpen}"
+                    @opened="${this._handleNotificationsOpenChanged}"
                     .notifications="${this._notifications}"
                   ></hui-notifications-button>
                   <ha-start-voice-button