diff --git a/src/Umbraco.Web.UI.Client/libs/context-api/provide/context-provider.element.test.ts b/src/Umbraco.Web.UI.Client/libs/context-api/provide/context-provider.element.test.ts
index 0af75e8b33..0ce707b3a7 100644
--- a/src/Umbraco.Web.UI.Client/libs/context-api/provide/context-provider.element.test.ts
+++ b/src/Umbraco.Web.UI.Client/libs/context-api/provide/context-provider.element.test.ts
@@ -4,8 +4,8 @@ import { UmbContextConsumerController } from '../consume/context-consumer.contro
 import { UmbContextProviderElement } from './context-provider.element';
 import { UmbControllerHostMixin } from '@umbraco-cms/backoffice/controller';
 
-@customElement('umb-context-test')
-export class UmbContextTestElement extends UmbControllerHostMixin(HTMLElement) {
+@customElement('umb-test-context')
+export class UmbTestContextElement extends UmbControllerHostMixin(HTMLElement) {
 	public value: string | null = null;
 	constructor() {
 		super();
@@ -18,16 +18,16 @@ export class UmbContextTestElement extends UmbControllerHostMixin(HTMLElement) {
 
 describe('UmbContextProvider', () => {
 	let element: UmbContextProviderElement;
-	let consumer: UmbContextTestElement;
+	let consumer: UmbTestContextElement;
 	const contextValue = 'test-value';
 
 	beforeEach(async () => {
 		element = await fixture(
 			html` <umb-context-provider key="test-context" .value=${contextValue}>
-				<umb-context-test></umb-context-test>
+				<umb-test-context></umb-test-context>
 			</umb-context-provider>`
 		);
-		consumer = element.getElementsByTagName('umb-context-test')[0] as UmbContextTestElement;
+		consumer = element.getElementsByTagName('umb-test-context')[0] as UmbTestContextElement;
 	});
 
 	it('is defined with its own instance', () => {