diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/entity-actions/create/document-create-options-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/entity-actions/create/document-create-options-modal.element.ts
index a0eca87a0e..b31709a246 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/entity-actions/create/document-create-options-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/entity-actions/create/document-create-options-modal.element.ts
@@ -176,7 +176,8 @@ export class UmbDocumentCreateOptionsModalElement extends UmbModalBaseElement<
 									.alias=${this.localize.string(documentType.description ?? '')}
 									select-only
 									selectable
-									@selected=${() => this.#onSelectDocumentType(documentType.unique)}>
+									@selected=${() => this.#onSelectDocumentType(documentType.unique)}
+									@open=${() => this.#onSelectDocumentType(documentType.unique)}>
 									<umb-icon slot="icon" name=${documentType.icon || 'icon-circle-dotted'}></umb-icon>
 								</uui-ref-node-document-type>
 							`,