diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/components/input-document-type-picker/input-document-type-picker.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/components/document-type-input/document-type-input.element.ts
similarity index 94%
rename from src/Umbraco.Web.UI.Client/src/packages/documents/document-types/components/input-document-type-picker/input-document-type-picker.element.ts
rename to src/Umbraco.Web.UI.Client/src/packages/documents/document-types/components/document-type-input/document-type-input.element.ts
index 3753a17089..0b90f912a7 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/components/input-document-type-picker/input-document-type-picker.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/components/document-type-input/document-type-input.element.ts
@@ -14,8 +14,8 @@ import {
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 import { UmbObserverController } from '@umbraco-cms/backoffice/observable-api';
 
-@customElement('umb-input-document-type-picker')
-export class UmbInputDocumentTypePickerElement extends FormControlMixin(UmbLitElement) {
+@customElement('umb-document-type-input')
+export class UmbDocumentTypeInputElement extends FormControlMixin(UmbLitElement) {
 	// TODO: do we need both selectedIds and value? If we just use value we follow the same pattern as native form controls.
 	private _selectedIds: Array<string> = [];
 	@property({ type: Array })
@@ -130,10 +130,10 @@ export class UmbInputDocumentTypePickerElement extends FormControlMixin(UmbLitEl
 	];
 }
 
-export default UmbInputDocumentTypePickerElement;
+export default UmbDocumentTypeInputElement;
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-input-document-type-picker': UmbInputDocumentTypePickerElement;
+		'umb-document-type-input': UmbDocumentTypeInputElement;
 	}
 }
diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/components/index.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/components/index.ts
index 7f50f2e118..d0e3e2cad3 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/components/index.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/components/index.ts
@@ -1 +1 @@
-import './input-document-type-picker/input-document-type-picker.element.js';
+import './document-type-input/document-type-input.element.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/workspace/views/structure/document-type-workspace-view-structure.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/workspace/views/structure/document-type-workspace-view-structure.element.ts
index c92d162035..c48749f0b9 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/workspace/views/structure/document-type-workspace-view-structure.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/document-types/workspace/views/structure/document-type-workspace-view-structure.element.ts
@@ -1,5 +1,5 @@
 import { UmbDocumentTypeWorkspaceContext } from '../../document-type-workspace.context.js';
-import type { UmbInputDocumentTypePickerElement } from '../../../components/input-document-type-picker/input-document-type-picker.element.js';
+import type { UmbDocumentTypeInputElement } from '../../../components/document-type-input/document-type-input.element.js';
 import { css, html, customElement, state } from '@umbraco-cms/backoffice/external/lit';
 import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
 import type { UUIToggleElement } from '@umbraco-cms/backoffice/external/uui';
@@ -62,10 +62,10 @@ export class UmbDocumentTypeWorkspaceViewStructureElement
 					</div>
 					<div slot="editor">
 						<!-- TODO: maybe we want to somehow display the hierarchy, but not necessary in the same way as old backoffice? -->
-						<umb-input-document-type-picker
+						<umb-document-type-input
 							.selectedIds=${this._allowedContentTypeIDs}
 							@change="${(e: CustomEvent) => {
-								const sortedContentTypesList = (e.target as UmbInputDocumentTypePickerElement).selectedIds.map(
+								const sortedContentTypesList = (e.target as UmbDocumentTypeInputElement).selectedIds.map(
 									(id, index) => ({
 										id: id,
 										sortOrder: index,
@@ -73,7 +73,7 @@ export class UmbDocumentTypeWorkspaceViewStructureElement
 								);
 								this.#workspaceContext?.setAllowedContentTypes(sortedContentTypesList);
 							}}">
-						</umb-input-document-type-picker>
+						</umb-document-type-input>
 					</div>
 				</umb-workspace-property-layout>
 			</uui-box>