diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/tree/datatypes-tree.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/tree/data-types/datatypes-tree.element.ts
similarity index 84%
rename from src/Umbraco.Web.UI.Client/src/backoffice/tree/datatypes-tree.element.ts
rename to src/Umbraco.Web.UI.Client/src/backoffice/tree/data-types/datatypes-tree.element.ts
index 919ccb7c84..8ac5f5b67a 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/tree/datatypes-tree.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/tree/data-types/datatypes-tree.element.ts
@@ -1,8 +1,8 @@
 import { css, html, LitElement } from 'lit';
 import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
 import { customElement } from 'lit/decorators.js';
-import './shared/tree-navigator.element';
-import './shared/tree-item.element';
+import '../shared/tree-navigator.element';
+import '../shared/tree-item.element';
 
 @customElement('umb-datatype-tree')
 export class UmbDatatypeTree extends LitElement {
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/tree/document-type-tree.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/tree/document-types/document-type-tree.element.ts
similarity index 87%
rename from src/Umbraco.Web.UI.Client/src/backoffice/tree/document-type-tree.element.ts
rename to src/Umbraco.Web.UI.Client/src/backoffice/tree/document-types/document-type-tree.element.ts
index 22c0e8fe24..2ee0213a8e 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/tree/document-type-tree.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/tree/document-types/document-type-tree.element.ts
@@ -1,8 +1,8 @@
 import { css, html, LitElement } from 'lit';
 import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
 import { customElement, property } from 'lit/decorators.js';
-import './shared/tree-navigator.element';
-import './shared/tree-item.element';
+import '../shared/tree-navigator.element';
+import '../shared/tree-item.element';
 
 @customElement('umb-document-type-tree')
 export class UmbDocumentTypeTree extends LitElement {
diff --git a/src/Umbraco.Web.UI.Client/src/temp-internal-manifests.ts b/src/Umbraco.Web.UI.Client/src/temp-internal-manifests.ts
index 996162437c..416ba8f0f8 100644
--- a/src/Umbraco.Web.UI.Client/src/temp-internal-manifests.ts
+++ b/src/Umbraco.Web.UI.Client/src/temp-internal-manifests.ts
@@ -247,7 +247,7 @@ export const internalManifests: Array<UmbExtensionManifestCore> = [
 		alias: 'Umb.Tree.Datatypes',
 		name: 'Data Types Tree',
 		elementName: 'umb-datatype-tree',
-		js: () => import('./backoffice/tree/datatypes-tree.element'),
+		js: () => import('./backoffice/tree/data-types/datatypes-tree.element'),
 		meta: {
 			label: 'Data Types',
 			weight: -10,
@@ -259,7 +259,7 @@ export const internalManifests: Array<UmbExtensionManifestCore> = [
 		alias: 'Umb.Tree.DocumentTypes',
 		name: 'Document Types Tree',
 		elementName: 'umb-document-type-tree',
-		js: () => import('./backoffice/tree/document-type-tree.element'),
+		js: () => import('./backoffice/tree/document-types/document-type-tree.element'),
 		meta: {
 			label: 'Document Types',
 			weight: -10,