diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/components/table/table.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/components/table/table.element.ts
index d47322f93e..362776b517 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/components/table/table.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/components/table/table.element.ts
@@ -205,7 +205,7 @@ export class UmbTableElement extends LitElement {
 			?select-only=${this._selectionMode}
 			?selected=${this._isSelected(item.id)}
 			@selected=${() => this._selectRow(item.id)}
-			@unselected=${() => this._deselectRow(item.id)}>
+			@deselected=${() => this._deselectRow(item.id)}>
 			${this._renderRowCheckboxCell(item)} ${this.columns.map((column) => this._renderRowCell(column, item))}
 		</uui-table-row>`;
 	};
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 e2b963d637..6b7d5ec5d6 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
@@ -49,7 +49,7 @@ export class UmbSectionPickerModalElement extends UmbModalBaseElement<
 								selectable
 								?selected=${this.#selectionManager.isSelected(item.alias)}
 								@selected=${() => this.#selectionManager.select(item.alias)}
-								@unselected=${() => this.#selectionManager.deselect(item.alias)}></uui-menu-item>
+								@deselected=${() => this.#selectionManager.deselect(item.alias)}></uui-menu-item>
 						`
 					)}
 				</uui-box>
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-base/tree-item-base.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-base/tree-item-base.element.ts
index 5ac996b996..45dcd33214 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-base/tree-item-base.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-base/tree-item-base.element.ts
@@ -87,13 +87,12 @@ export class UmbTreeItemBaseElement extends UmbLitElement {
 		this.#treeItemContext?.toggleContextMenu();
 	}
 
-	// TODO: We should rename unselect event to deselect. But this is a breaking change of UI Library.
 	render() {
 		return html`
 			<uui-menu-item
 				@show-children=${this._onShowChildren}
 				@selected=${this._handleSelectedItem}
-				@unselected=${this._handleDeselectedItem}
+				@deselected=${this._handleDeselectedItem}
 				?selectable=${this._isSelectable}
 				?selected=${this._isSelected}
 				.loading=${this._isLoading}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/collection-view/media-grid-collection-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/collection-view/media-grid-collection-view.element.ts
index 4b284b29b9..3a601988fe 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media/collection-view/media-grid-collection-view.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/collection-view/media-grid-collection-view.element.ts
@@ -92,7 +92,7 @@ export class UmbMediaGridCollectionViewElement extends UmbLitElement {
 			?selected=${this._isSelected(item)}
 			@open=${() => this._handleOpenItem(item)}
 			@selected=${() => this._handleSelect(item)}
-			@unselected=${() => this._handleDeselect(item)}
+			@deselected=${() => this._handleDeselect(item)}
 			class="media-item"
 			.fileExt=${item.hasChildren ? '' : 'image'}
 			name=${name}></uui-card-media>`;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/settings/languages/modals/language-picker/language-picker-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/settings/languages/modals/language-picker/language-picker-modal.element.ts
index dde142ce5d..a490359498 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/settings/languages/modals/language-picker/language-picker-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/settings/languages/modals/language-picker/language-picker-modal.element.ts
@@ -57,7 +57,7 @@ export class UmbLanguagePickerModalElement extends UmbModalBaseElement<
 							label=${item.name ?? ''}
 							selectable
 							@selected=${() => this.#selectionManager.select(item.isoCode!)}
-							@unselected=${() => this.#selectionManager.deselect(item.isoCode!)}
+							@deselected=${() => this.#selectionManager.deselect(item.isoCode!)}
 							?selected=${this.#selectionManager.isSelected(item.isoCode!)}>
 							<uui-icon slot="icon" name="umb:globe"></uui-icon>
 						</uui-menu-item>
diff --git a/src/Umbraco.Web.UI.Client/src/packages/users/user-groups/modals/user-group-picker/user-group-picker-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/users/user-groups/modals/user-group-picker/user-group-picker-modal.element.ts
index 156d7e02c0..b2fc83449e 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/users/user-groups/modals/user-group-picker/user-group-picker-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/users/user-groups/modals/user-group-picker/user-group-picker-modal.element.ts
@@ -72,7 +72,7 @@ export class UmbUserGroupPickerModalElement extends UmbModalBaseElement<any, any
 								label=${item.name}
 								selectable
 								@selected=${() => this.#selectionManager.select(item.id!)}
-								@unselected=${() => this.#selectionManager.deselect(item.id!)}
+								@deselected=${() => this.#selectionManager.deselect(item.id!)}
 								?selected=${this.#selectionManager.isSelected(item.id!)}>
 								<uui-icon .name=${item.icon} slot="icon"></uui-icon>
 							</uui-menu-item>
diff --git a/src/Umbraco.Web.UI.Client/src/packages/users/users/collection/views/grid/user-collection-grid-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/users/users/collection/views/grid/user-collection-grid-view.element.ts
index bdc654dfae..ef2f4ff601 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/users/users/collection/views/grid/user-collection-grid-view.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/users/users/collection/views/grid/user-collection-grid-view.element.ts
@@ -54,7 +54,7 @@ export class UmbUserCollectionGridViewElement extends UmbLitElement {
 				?selected=${this.#collectionContext?.isSelected(user.id ?? '')}
 				@open=${() => this._handleOpenCard(user.id ?? '')}
 				@selected=${() => this.#onSelect(user)}
-				@unselected=${() => this.#onDeselect(user)}>
+				@deselected=${() => this.#onDeselect(user)}>
 				${this.#renderUserTag(user)} ${this.#renderUserLoginDate(user)}
 			</uui-card-user>
 		`;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/users/users/modals/user-picker/user-picker-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/users/users/modals/user-picker/user-picker-modal.element.ts
index 5cc406ceb7..8574f96c37 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/users/users/modals/user-picker/user-picker-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/users/users/modals/user-picker/user-picker-modal.element.ts
@@ -67,7 +67,7 @@ export class UmbUserPickerModalElement extends UmbModalBaseElement<UmbUserPicker
 								label=${user.name}
 								selectable
 								@selected=${() => this.#selectionManager.select(user.id!)}
-								@unselected=${() => this.#selectionManager.deselect(user.id!)}
+								@deselected=${() => this.#selectionManager.deselect(user.id!)}
 								?selected=${this.#selectionManager.isSelected(user.id!)}>
 								<uui-avatar slot="icon" name=${user.name}></uui-avatar>
 							</uui-menu-item>