diff --git a/src/components/ha-push-notifications-toggle.ts b/src/components/ha-push-notifications-toggle.ts
index 2dfc895d74..6c2380b310 100644
--- a/src/components/ha-push-notifications-toggle.ts
+++ b/src/components/ha-push-notifications-toggle.ts
@@ -17,7 +17,7 @@ export const pushSupported =
 class HaPushNotificationsToggle extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @state() private _disabled: boolean = false;
+  @property({ type: Boolean }) public disabled!: boolean;
 
   @state() private _pushChecked: boolean =
     "Notification" in window && Notification.permission === "granted";
@@ -27,7 +27,7 @@ class HaPushNotificationsToggle extends LitElement {
   protected render(): TemplateResult {
     return html`
       <ha-switch
-        .disabled=${this._disabled || this._loading}
+        .disabled=${this.disabled || this._loading}
         .checked=${this._pushChecked}
         @change=${this._handlePushChange}
       ></ha-switch>
diff --git a/src/panels/profile/ha-push-notifications-row.ts b/src/panels/profile/ha-push-notifications-row.ts
index a02f02347c..74b9442330 100644
--- a/src/panels/profile/ha-push-notifications-row.ts
+++ b/src/panels/profile/ha-push-notifications-row.ts
@@ -13,7 +13,7 @@ class HaPushNotificationsRow extends LitElement {
   @property({ type: Boolean }) public narrow = false;
 
   protected render(): TemplateResult {
-    const platformLoaded = isComponentLoaded(this.hass, "notify.html5");
+    const platformLoaded = isComponentLoaded(this.hass, "html5.notify");
     let descriptionKey:
       | "error_use_https"
       | "error_load_platform"