diff --git a/src/Umbraco.Web.UI.Client/src/error/error.element.ts b/src/Umbraco.Web.UI.Client/src/app/app-error.element.ts
similarity index 94%
rename from src/Umbraco.Web.UI.Client/src/error/error.element.ts
rename to src/Umbraco.Web.UI.Client/src/app/app-error.element.ts
index 08f5cf6115..4d88ad36a8 100644
--- a/src/Umbraco.Web.UI.Client/src/error/error.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/app/app-error.element.ts
@@ -9,8 +9,8 @@ import backgroundImg from '/umbraco_background.jpg';
 /**
  * A full page error element that can be used either solo or for instance as the error 500 page and BootFailed
  */
-@customElement('umb-error')
-export class UmbErrorElement extends UmbLitElement {
+@customElement('umb-app-error')
+export class UmbAppErrorElement extends UmbLitElement {
 	/**
 	 * The error message to display
 	 *
@@ -27,8 +27,6 @@ export class UmbErrorElement extends UmbLitElement {
 	@property()
 	error?: unknown;
 
-	
-
 	private renderProblemDetails = (problemDetails: ProblemDetailsModel) => html`
 		<h2>${problemDetails.title}</h2>
 		<p>${problemDetails.detail}</p>
@@ -81,7 +79,7 @@ export class UmbErrorElement extends UmbLitElement {
 			</uui-box>
 		</div>
 	`;
-	
+
 	static styles = css`
 		#background {
 			position: fixed;
@@ -131,10 +129,10 @@ export class UmbErrorElement extends UmbLitElement {
 	`;
 }
 
-export default UmbErrorElement;
+export default UmbAppErrorElement;
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-error': UmbErrorElement;
+		'umb-app-error': UmbAppErrorElement;
 	}
 }
diff --git a/src/Umbraco.Web.UI.Client/src/app/app.element.ts b/src/Umbraco.Web.UI.Client/src/app/app.element.ts
index b9626187b8..6cc420264c 100644
--- a/src/Umbraco.Web.UI.Client/src/app/app.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/app/app.element.ts
@@ -11,7 +11,7 @@ import { customElement, property } from 'lit/decorators.js';
 
 import { UmbAuthFlow } from '../core/auth/auth-flow';
 import { UmbIconStore } from '../core/stores/icon/icon.store';
-import type { UmbErrorElement } from '../error/error.element';
+import type { UmbAppErrorElement } from './app-error.element';
 import { UMB_APP, UmbAppContext } from './app.context';
 import type { Guard, UmbRoute } from '@umbraco-cms/backoffice/router';
 import { pathWithoutBasePath } from '@umbraco-cms/backoffice/router';
@@ -225,10 +225,10 @@ export class UmbAppElement extends UmbLitElement {
 		this._routes = [
 			{
 				path: '**',
-				component: () => import('../error/error.element'),
+				component: () => import('./app-error.element'),
 				setup: (component) => {
-					(component as UmbErrorElement).errorMessage = errorMsg;
-					(component as UmbErrorElement).error = error;
+					(component as UmbAppErrorElement).errorMessage = errorMsg;
+					(component as UmbAppErrorElement).error = error;
 				},
 			},
 		];