diff --git a/src/data/cloud.ts b/src/data/cloud.ts
index 150e92f731..772a590472 100644
--- a/src/data/cloud.ts
+++ b/src/data/cloud.ts
@@ -4,6 +4,7 @@ export interface CloudWebhook {
   webhook_id: string;
   cloudhook_id: string;
   cloudhook_url: string;
+  managed?: boolean;
 }
 
 export const createCloudhook = (hass: HomeAssistant, webhookId: string) =>
diff --git a/src/panels/config/cloud/cloud-webhooks.ts b/src/panels/config/cloud/cloud-webhooks.ts
index 5f8f149a9e..7d4ec3581b 100644
--- a/src/panels/config/cloud/cloud-webhooks.ts
+++ b/src/panels/config/cloud/cloud-webhooks.ts
@@ -121,9 +121,9 @@ export class CloudWebhooks extends LitElement {
               `
             : this._cloudHooks![entry.webhook_id]
             ? html`
-                <mwc-button @click="${this._handleManageButton}"
-                  >Manage</mwc-button
-                >
+                <mwc-button @click="${this._handleManageButton}">
+                  Manage
+                </mwc-button>
               `
             : html`
                 <paper-toggle-button
@@ -195,10 +195,9 @@ export class CloudWebhooks extends LitElement {
   }
 
   private async _fetchData() {
-    this._localHooks =
-      "webhook" in this.hass!.config.components
-        ? await fetchWebhooks(this.hass!)
-        : [];
+    this._localHooks = this.hass!.config.components.includes("webhook")
+      ? await fetchWebhooks(this.hass!)
+      : [];
   }
 
   private renderStyle() {