diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/tree/index.ts b/src/Umbraco.Web.UI.Client/src/packages/core/tree/index.ts
index 85de868da3..65a05fd483 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/tree/index.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/tree/index.ts
@@ -1,7 +1,7 @@
 export * from './components/index.js';
 export * from './entity-tree-item/index.js';
 export * from './file-system-tree-item/index.js';
-export * from './tree-item/index.js';
+export * from './tree-item-default/index.js';
 export * from './tree-item-base/index.js';
 export * from './tree-menu-item-default/index.js';
 export * from './tree.context.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-base/tree-item-base.context.ts b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-base/tree-item-base.context.ts
index 4879620c4d..7f7b2b8cc3 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-base/tree-item-base.context.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-base/tree-item-base.context.ts
@@ -1,4 +1,4 @@
-import { UmbTreeItemContext } from '../tree-item/tree-item.context.interface.js';
+import { UmbTreeItemContext } from '../tree-item-default/tree-item.context.interface.js';
 import { UmbTreeContextBase } from '../tree.context.js';
 import { UmbTreeItemModelBase } from '../types.js';
 import { map } from '@umbraco-cms/backoffice/external/rxjs';
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 2158844b2f..097ff33b05 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
@@ -1,7 +1,7 @@
-import type { UmbTreeItemContext } from '../tree-item/index.js';
+import type { UmbTreeItemContext } from '../tree-item-default/index.js';
 import { UMB_TREE_ITEM_CONTEXT_TOKEN } from './tree-item-base.context.js';
 import { css, html, nothing, customElement, state, ifDefined, repeat } from '@umbraco-cms/backoffice/external/lit';
-import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
+import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 import { TreeItemPresentationModel } from '@umbraco-cms/backoffice/backend-api';
 
@@ -150,7 +150,7 @@ export class UmbTreeItemBaseElement extends UmbLitElement {
 						this._childItems,
 						// TODO: get unique here instead of name. we might be able to get it from the context
 						(item) => item.name,
-						(item) => html`<umb-tree-item .item=${item}></umb-tree-item>`
+						(item) => html`<umb-tree-item .item=${item}></umb-tree-item>`,
 				  )
 				: ''}
 		`;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-base/tree-item-base.stories.ts b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-base/tree-item-base.stories.ts
index 631a7abde8..a8561a70ab 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-base/tree-item-base.stories.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-base/tree-item-base.stories.ts
@@ -4,8 +4,8 @@ import type { UmbTreeItemBaseElement } from './tree-item-base.element.js';
 
 // TODO: provide tree item context to make this element render properly
 const meta: Meta<UmbTreeItemBaseElement> = {
-	title: 'Components/Tree/Tree Item',
-	component: 'umb-tree-item',
+	title: 'Components/Tree/Tree Item Default',
+	component: 'umb-tree-item-default',
 };
 
 export default meta;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item/index.ts b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-default/index.ts
similarity index 100%
rename from src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item/index.ts
rename to src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-default/index.ts
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item/tree-item.context.interface.ts b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-default/tree-item.context.interface.ts
similarity index 100%
rename from src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item/tree-item.context.interface.ts
rename to src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-default/tree-item.context.interface.ts
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item/tree-item.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-default/tree-item.element.ts
similarity index 79%
rename from src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item/tree-item.element.ts
rename to src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-default/tree-item.element.ts
index 4ffa79efa0..dfb9931635 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item/tree-item.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item-default/tree-item.element.ts
@@ -1,11 +1,11 @@
 import { css, html, nothing, customElement, property } from '@umbraco-cms/backoffice/external/lit';
-import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
+import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import { TreeItemPresentationModel } from '@umbraco-cms/backoffice/backend-api';
 import { ManifestTreeItem } from '@umbraco-cms/backoffice/extension-registry';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 
-@customElement('umb-tree-item')
-export class UmbTreeItemElement extends UmbLitElement {
+@customElement('umb-tree-item-default')
+export class UmbTreeItemDefaultElement extends UmbLitElement {
 	@property({ type: Object, attribute: false })
 	item?: TreeItemPresentationModel;
 
@@ -31,6 +31,6 @@ export class UmbTreeItemElement extends UmbLitElement {
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-tree-item': UmbTreeItemElement;
+		'umb-tree-item-default': UmbTreeItemDefaultElement;
 	}
 }
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree.element.ts
index aa06b67efa..72a2a8194e 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree.element.ts
@@ -4,7 +4,7 @@ import { TreeItemPresentationModel } from '@umbraco-cms/backoffice/backend-api';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 import { UmbObserverController } from '@umbraco-cms/backoffice/observable-api';
 
-import './tree-item/tree-item.element.js';
+import './tree-item-default/tree-item.element.js';
 import './tree-item-base/tree-item-base.element.js';
 
 @customElement('umb-tree')
@@ -109,7 +109,7 @@ export class UmbTreeElement extends UmbLitElement {
 
 	#renderTreeRoot() {
 		if (this.hideTreeRoot || this._treeRoot === undefined) return nothing;
-		return html` <umb-tree-item .item=${this._treeRoot}></umb-tree-item> `;
+		return html` <umb-tree-item-default .item=${this._treeRoot}></umb-tree-item-default> `;
 	}
 
 	#renderRootItems() {
@@ -119,7 +119,7 @@ export class UmbTreeElement extends UmbLitElement {
 				this._items,
 				// TODO: use unique here:
 				(item, index) => item.name + '___' + index,
-				(item) => html`<umb-tree-item .item=${item}></umb-tree-item>`,
+				(item) => html`<umb-tree-item-default .item=${item}></umb-tree-item-default>`,
 			)}
 		`;
 	}