diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/backoffice.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/backoffice.element.ts
index bbbd3b3575..e35981a026 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/backoffice.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/backoffice.element.ts
@@ -1,7 +1,7 @@
//TODO: we need to figure out what components should be available for extensions and load them upfront
import './editors/shared/editor-entity-layout/editor-entity-layout.element';
import './components/ref-property-editor-ui/ref-property-editor-ui.element';
-import './components/backoffice-header.element';
+import './components/header/backoffice-header.element';
import './components/backoffice-main.element';
import './components/backoffice-modal-container.element';
import './components/backoffice-notification-container.element';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/backoffice-header.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/header/backoffice-header.element.ts
similarity index 92%
rename from src/Umbraco.Web.UI.Client/src/backoffice/components/backoffice-header.element.ts
rename to src/Umbraco.Web.UI.Client/src/backoffice/components/header/backoffice-header.element.ts
index 5b038fa184..f27e0a9d5d 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/components/backoffice-header.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/components/header/backoffice-header.element.ts
@@ -3,7 +3,7 @@ import { css, CSSResultGroup, html, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
import './backoffice-header-sections.element';
-import './backoffice-header-tools.element';
+import './backoffice-header-apps.element';
@customElement('umb-backoffice-header')
export class UmbBackofficeHeader extends LitElement {
@@ -47,7 +47,7 @@ export class UmbBackofficeHeader extends LitElement {
-
+
`;
}