diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/collection/user-group-collection-view.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/collection/user-group-collection-view.element.ts
index 2b96082ca8..31f6c80585 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/collection/user-group-collection-view.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/collection/user-group-collection-view.element.ts
@@ -5,6 +5,7 @@ import {
 	UmbTableColumn,
 	UmbTableConfig,
 	UmbTableDeselectedEvent,
+	UmbTableElement,
 	UmbTableItem,
 	UmbTableSelectedEvent,
 } from '../../../shared/components/table';
@@ -100,12 +101,16 @@ export class UmbUserGroupCollectionViewElement extends UmbLitElement {
 
 	private _handleSelected(event: UmbTableSelectedEvent) {
 		event.stopPropagation();
-		console.log('HANDLE SELECT');
+		const table = event.target as UmbTableElement;
+		const selection = table.selection;
+		this.#collectionContext?.setSelection(selection);
 	}
 
 	private _handleDeselected(event: UmbTableDeselectedEvent) {
 		event.stopPropagation();
-		console.log('HANDLE DESELECT');
+		const table = event.target as UmbTableElement;
+		const selection = table.selection;
+		this.#collectionContext?.setSelection(selection);
 	}
 
 	render() {