diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/entity-actions/permissions/permissions-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/entity-actions/permissions/permissions-modal.element.ts
index 08529b2421..627a220bf4 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/entity-actions/permissions/permissions-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/entity-actions/permissions/permissions-modal.element.ts
@@ -2,6 +2,7 @@ import { UmbUserGroupCollectionRepository } from '@umbraco-cms/backoffice/user-g
 import { html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import {
+	UMB_ENTITY_USER_PERMISSION_MODAL,
 	UMB_MODAL_MANAGER_CONTEXT_TOKEN,
 	UMB_USER_GROUP_PICKER_MODAL,
 	UmbEntityUserPermissionSettingsModalData,
@@ -11,6 +12,7 @@ import {
 } from '@umbraco-cms/backoffice/modal';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 import { UserGroupItemResponseModel } from '@umbraco-cms/backoffice/backend-api';
+import { UmbSelectedEvent } from '@umbraco-cms/backoffice/events';
 
 @customElement('umb-permissions-modal')
 export class UmbPermissionsModalElement extends UmbLitElement {
@@ -43,10 +45,32 @@ export class UmbPermissionsModalElement extends UmbLitElement {
 	}
 
 	#openUserGroupPickerModal() {
-		const modalContext = this.#modalManagerContext?.open(UMB_USER_GROUP_PICKER_MODAL);
+		if (!this.#modalManagerContext) return;
+
+		const modalContext = this.#modalManagerContext.open(UMB_USER_GROUP_PICKER_MODAL);
+
+		modalContext.addEventListener(UmbSelectedEvent.TYPE, (event) => {
+			const selectedEvent = event as UmbSelectedEvent;
+			this.#openUserPermissionsModal(selectedEvent.unique);
+		});
 
 		modalContext?.onSubmit().then((result) => {
 			console.log(result);
+			debugger;
+		});
+	}
+
+	#openUserPermissionsModal(id: string) {
+		if (!id) throw new Error('Could not open permissions modal, no id was provided');
+
+		const modalContext = this.#modalManagerContext?.open(UMB_ENTITY_USER_PERMISSION_MODAL, {
+			unique: id,
+			entityType: ['user-group'],
+		});
+
+		modalContext?.onSubmit().then((result) => {
+			console.log(result);
+			debugger;
 		});
 	}