diff --git a/src/Umbraco.Web.UI.Client/libs/modal/modal.context.ts b/src/Umbraco.Web.UI.Client/libs/modal/modal.context.ts
index 8d66ba37e0..82790f8718 100644
--- a/src/Umbraco.Web.UI.Client/libs/modal/modal.context.ts
+++ b/src/Umbraco.Web.UI.Client/libs/modal/modal.context.ts
@@ -1,7 +1,7 @@
 // TODO: lazy load
 import './layouts/confirm/modal-layout-confirm.element';
 import '../../src/backoffice/documents/documents/modals/document-picker/document-picker-modal.element';
-import './layouts/media-picker/modal-layout-media-picker.element';
+import '../../src/backoffice/media/media/modals/media-picker/modal-layout-media-picker.element';
 import './layouts/property-editor-ui-picker/modal-layout-property-editor-ui-picker.element';
 import '../../src/backoffice/users/current-user/modals/current-user/current-user-modal.element';
 import '../../src/backoffice/shared/modals/icon-picker/icon-picker-modal.element';
@@ -18,7 +18,7 @@ import { UmbModalChangePasswordData } from './layouts/modal-layout-change-passwo
 import { UmbIconPickerModalData } from '../../src/backoffice/shared/modals/icon-picker';
 import type { UmbModalConfirmData } from './layouts/confirm/modal-layout-confirm.element';
 import type { UmbModalPropertyEditorUIPickerData } from './layouts/property-editor-ui-picker/modal-layout-property-editor-ui-picker.element';
-import type { UmbModalMediaPickerData } from './layouts/media-picker/modal-layout-media-picker.element';
+import type { UmbModalMediaPickerData } from '../../src/backoffice/media/media/modals/media-picker/modal-layout-media-picker.element';
 import type { UmbModalLinkPickerData } from './layouts/link-picker/modal-layout-link-picker.element';
 import { UmbModalHandler } from './modal-handler';
 import type { UmbBasicModalData } from './layouts/basic/modal-layout-basic.element';
diff --git a/src/Umbraco.Web.UI.Client/libs/modal/layouts/media-picker/modal-layout-media-picker.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/media/media/modals/media-picker/modal-layout-media-picker.element.ts
similarity index 92%
rename from src/Umbraco.Web.UI.Client/libs/modal/layouts/media-picker/modal-layout-media-picker.element.ts
rename to src/Umbraco.Web.UI.Client/src/backoffice/media/media/modals/media-picker/modal-layout-media-picker.element.ts
index 354061a302..654920df68 100644
--- a/src/Umbraco.Web.UI.Client/libs/modal/layouts/media-picker/modal-layout-media-picker.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/media/media/modals/media-picker/modal-layout-media-picker.element.ts
@@ -1,14 +1,14 @@
 import { css, html } from 'lit';
 import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
 import { customElement, state } from 'lit/decorators.js';
-import { UmbModalLayoutElement } from '../modal-layout.element';
+import { UmbModalLayoutElement } from '../../../../../../libs/modal/layouts/modal-layout.element';
 
 export interface UmbModalMediaPickerData {
 	multiple?: boolean;
 	selection: Array<string>;
 }
 
-import { UmbTreeElement } from '../../../../src/backoffice/shared/components/tree/tree.element';
+import { UmbTreeElement } from '../../../../shared/components/tree/tree.element';
 
 @customElement('umb-modal-layout-media-picker')
 export class UmbModalLayoutMediaPickerElement extends UmbModalLayoutElement<UmbModalMediaPickerData> {