diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/variant-selector/index.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/variant-selector/index.ts
deleted file mode 100644
index 71d7a0b546..0000000000
--- a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/variant-selector/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './variant-selector.element.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/variant-selector/variant-selector.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts
similarity index 96%
rename from src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/variant-selector/variant-selector.element.ts
rename to src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts
index 4ac37f06a7..a5a63c3e6b 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/variant-selector/variant-selector.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.ts
@@ -1,4 +1,6 @@
-import { UmbVariantId } from '../../../variant/variant-id.class.js';
+import type { ActiveVariant } from '../../controllers/index.js';
+import { UMB_WORKSPACE_SPLIT_VIEW_CONTEXT } from './workspace-split-view.context.js';
+import { UmbVariantId } from '@umbraco-cms/backoffice/variant';
 import { UMB_PROPERTY_DATASET_CONTEXT, isNameablePropertyDatasetContext } from '@umbraco-cms/backoffice/property';
 import {
 	type UUIInputElement,
@@ -6,7 +8,6 @@ import {
 	type UUIPopoverContainerElement,
 } from '@umbraco-cms/backoffice/external/uui';
 import { css, html, nothing, customElement, state, query } from '@umbraco-cms/backoffice/external/lit';
-import { UMB_WORKSPACE_SPLIT_VIEW_CONTEXT, type ActiveVariant } from '@umbraco-cms/backoffice/workspace';
 import { UmbLitElement, umbFocus } from '@umbraco-cms/backoffice/lit-element';
 import { DocumentVariantStateModel } from '@umbraco-cms/backoffice/external/backend-api';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
@@ -22,8 +23,9 @@ type UmbDocumentVariantOption = {
 
 type UmbDocumentVariantOptions = Array<UmbDocumentVariantOption>;
 
-@customElement('umb-variant-selector')
-export class UmbVariantSelectorElement extends UmbLitElement {
+const elementName = 'umb-workspace-split-view-variant-selector';
+@customElement(elementName)
+export class UmbWorkspaceSplitViewVariantSelectorElement extends UmbLitElement {
 	@query('#variant-selector-popover')
 	private _popoverElement?: UUIPopoverContainerElement;
 
@@ -407,10 +409,8 @@ export class UmbVariantSelectorElement extends UmbLitElement {
 	];
 }
 
-export default UmbVariantSelectorElement;
-
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-variant-selector': UmbVariantSelectorElement;
+		[elementName]: UmbWorkspaceSplitViewVariantSelectorElement;
 	}
 }
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view.element.ts
index 86eadc6bab..03e3af042a 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view.element.ts
@@ -2,7 +2,10 @@ import { UmbWorkspaceSplitViewContext } from './workspace-split-view.context.js'
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import { css, html, customElement, property, ifDefined } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
-import '../variant-selector/index.js';
+
+// import local components
+import './workspace-split-view-variant-selector.element.js';
+
 /**
  *
  * Example. Document Workspace would use a Variant-component(variant component would talk directly to the workspace-context)
@@ -38,7 +41,7 @@ export class UmbWorkspaceSplitViewElement extends UmbLitElement {
 				.hideNavigation=${!this.displayNavigation}
 				.enforceNoFooter=${true}>
 				<div id="header" slot="header">
-					<umb-variant-selector></umb-variant-selector>
+					<umb-workspace-split-view-variant-selector></umb-workspace-split-view-variant-selector>
 				</div>
 				${this.displayNavigation
 					? html`<umb-workspace-entity-action-menu slot="action-menu"></umb-workspace-entity-action-menu>`