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 87f57bbd06..89afd485e2 100644
--- a/src/Umbraco.Web.UI.Client/libs/modal/modal.context.ts
+++ b/src/Umbraco.Web.UI.Client/libs/modal/modal.context.ts
@@ -7,7 +7,7 @@ import '../../src/backoffice/users/current-user/modals/current-user/current-user
 import '../../src/backoffice/shared/modals/icon-picker/icon-picker-modal.element';
 import '../../src/backoffice/settings/languages/language-picker/language-picker-modal-layout.element';
 import '../../src/backoffice/shared/modals/link-picker/link-picker-modal.element';
-import './layouts/basic/modal-layout-basic.element';
+import '../../src/backoffice/shared/modals/basic/modal-layout-basic.element';
 import './layouts/search/modal-layout-search.element.ts';
 
 import { UUIModalSidebarSize } from '@umbraco-ui/uui-modal-sidebar';
@@ -21,7 +21,7 @@ import type { UmbModalPropertyEditorUIPickerData } from './layouts/property-edit
 import { UmbMediaPickerModalData } from '../../src/backoffice/media/media/modals/media-picker';
 import type { UmbLinkPickerModalData } from '../../src/backoffice/shared/modals/link-picker/link-picker-modal.element';
 import { UmbModalHandler } from './modal-handler';
-import type { UmbBasicModalData } from './layouts/basic/modal-layout-basic.element';
+import type { UmbBasicModalData } from '../../src/backoffice/shared/modals/basic/modal-layout-basic.element';
 import { UmbPickerModalData } from './layouts/modal-layout-picker-base';
 import { UmbModalToken } from './token/modal-token';
 import { UmbContextToken } from '@umbraco-cms/context-api';
diff --git a/src/Umbraco.Web.UI.Client/libs/modal/layouts/basic/modal-layout-basic.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/modal-layout-basic.element.ts
similarity index 68%
rename from src/Umbraco.Web.UI.Client/libs/modal/layouts/basic/modal-layout-basic.element.ts
rename to src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/modal-layout-basic.element.ts
index 593f2415ab..f8471af0ba 100644
--- a/src/Umbraco.Web.UI.Client/libs/modal/layouts/basic/modal-layout-basic.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/modal-layout-basic.element.ts
@@ -2,12 +2,12 @@ import { css, html, TemplateResult } from 'lit';
 import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
 import { customElement } from 'lit/decorators.js';
 import { UUIModalSidebarSize } from '@umbraco-ui/uui-modal-sidebar';
-import { UmbModalLayoutElement } from '../modal-layout.element';
+import { UmbModalLayoutElement } from '../../../../../libs/modal/layouts/modal-layout.element';
 
 export interface UmbBasicModalData {
-    header: TemplateResult | string;
+	header: TemplateResult | string;
 	content: TemplateResult | string;
-    overlaySize?: UUIModalSidebarSize;
+	overlaySize?: UUIModalSidebarSize;
 }
 
 @customElement('umb-modal-layout-basic')
@@ -16,15 +16,15 @@ export class UmbModalLayoutBasicElement extends UmbModalLayoutElement<UmbBasicMo
 		UUITextStyles,
 		css`
 			uui-scroll-container {
-                background-color: var(--uui-color-surface);
-            }
+				background-color: var(--uui-color-surface);
+			}
 		`,
 	];
 
 	private _close() {
-        // As this is a basic modal designed for viewing readonly info
-        // Then we don't need to pass any data back to the parent when
-        // we close/save the modal etc...
+		// As this is a basic modal designed for viewing readonly info
+		// Then we don't need to pass any data back to the parent when
+		// we close/save the modal etc...
 		this.modalHandler?.close();
 	}
 
@@ -34,12 +34,12 @@ export class UmbModalLayoutBasicElement extends UmbModalLayoutElement<UmbBasicMo
 
 	render() {
 		return html`
-            <umb-workspace-layout .headline=${this.data?.header}>
+			<umb-workspace-layout .headline=${this.data?.header}>
 				<uui-scroll-container>${this.data?.content}</uui-scroll-container>
 				<uui-button slot="actions" look="secondary" label="Close sidebar" @click="${this._close}">Close</uui-button>
 			</umb-workspace-layout>
 		`;
-	}	
+	}
 }
 
 export default UmbModalLayoutBasicElement;
diff --git a/src/Umbraco.Web.UI.Client/libs/modal/layouts/basic/modal-layout-basic.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/modal-layout-basic.stories.ts
similarity index 100%
rename from src/Umbraco.Web.UI.Client/libs/modal/layouts/basic/modal-layout-basic.stories.ts
rename to src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/modal-layout-basic.stories.ts