diff --git a/src/Umbraco.Web.UI.Client/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts
index c5cedd9c05..4da5c0685d 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts
@@ -39,12 +39,9 @@ export class UmbWebhookDetailsWorkspaceViewElement extends UmbLitElement impleme
 				<umb-property-layout label="Events" description="The events for which the webhook should be triggered.">
 					<div slot="editor">IMPLEMENT</div>
 				</umb-property-layout>
-				<umb-property
-					label="Content Type"
-					read-only
-					alias="contentElementTypeKey"
-					property-editor-ui-alias="Umb.PropertyEditorUi.DocumentTypePicker"
-					.config=${[{ alias: 'onlyPickElementTypes', value: true }]}></umb-property>
+				<umb-property-layout label="Content Type" description="Only trigger the webhook for a specific content type.">
+					<umb-input-document-type slot="editor" ?elementTypesOnly=${true}></umb-input-document-type>
+				</umb-property-layout>
 				<umb-property-layout label="Enabled" description="Is the webhook enabled?">
 					<uui-toggle slot="editor"></uui-toggle>
 				</umb-property-layout>