diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/section-picker/section-picker-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/section-picker/section-picker-modal.element.ts
index 7658f20876..5f936a8af5 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/section-picker/section-picker-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/section-picker/section-picker-modal.element.ts
@@ -32,6 +32,11 @@ export class UmbSectionPickerModalElement extends UmbModalBaseElement<
 			'umbSectionsObserver';
 	}
 
+	#submit() {
+		this.value = { selection: this.#selectionManager.getSelection() };
+		this._submitModal();
+	}
+
 	render() {
 		return html`
 			<umb-body-layout headline="Select sections">
@@ -49,7 +54,7 @@ export class UmbSectionPickerModalElement extends UmbModalBaseElement<
 				</uui-box>
 				<div slot="actions">
 					<uui-button label="Close" @click=${this._rejectModal}></uui-button>
-					<uui-button label="Submit" look="primary" color="positive" @click=${this._submitModal}></uui-button>
+					<uui-button label="Submit" look="primary" color="positive" @click=${this.#submit}></uui-button>
 				</div>
 			</umb-body-layout>
 		`;