diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.element.ts
index b2feea0172..bf85784c4e 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.element.ts
@@ -5,8 +5,8 @@ import { UmbWorkspaceDocumentContext } from './document-workspace.context';
 import { UmbContextConsumerMixin, UmbContextProviderMixin } from '@umbraco-cms/context-api';
 import { UmbObserverMixin } from '@umbraco-cms/observable-api';
 
-@customElement('umb-workspace-document')
-export class UmbWorkspaceDocumentElement extends UmbObserverMixin(
+@customElement('umb-document-workspace')
+export class UmbDocumentWorkspaceElement extends UmbObserverMixin(
 	UmbContextConsumerMixin(UmbContextProviderMixin(LitElement))
 ) {
 	static styles = [
@@ -55,10 +55,10 @@ export class UmbWorkspaceDocumentElement extends UmbObserverMixin(
 	}
 }
 
-export default UmbWorkspaceDocumentElement;
+export default UmbDocumentWorkspaceElement;
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-workspace-document': UmbWorkspaceDocumentElement;
+		'umb-document-workspace': UmbDocumentWorkspaceElement;
 	}
 }
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.stories.ts
index cdaa963394..01847bd2a7 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.stories.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace.stories.ts
@@ -1,15 +1,15 @@
 import './document-workspace.element';
 import { Meta, Story } from '@storybook/web-components';
 import { html } from 'lit-html';
-import type { UmbWorkspaceDocumentElement } from './document-workspace.element';
+import type { UmbDocumentWorkspaceElement } from './document-workspace.element';
 import { data as documentNodes } from 'src/core/mocks/data/document.data';
 
 export default {
 	title: 'Workspaces/Document',
-	component: 'umb-workspace-document',
-	id: 'umb-workspace-document',
+	component: 'umb-document-workspace',
+	id: 'umb-document-workspace',
 } as Meta;
 
-export const AAAOverview: Story<UmbWorkspaceDocumentElement> = () =>
-	html` <umb-workspace-document id="${documentNodes[0].key}"></umb-workspace-document>`;
+export const AAAOverview: Story<UmbDocumentWorkspaceElement> = () =>
+	html` <umb-document-workspace id="${documentNodes[0].key}"></umb-document-workspace>`;
 AAAOverview.storyName = 'Overview';