diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/basic-modal.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/basic-modal.element.ts
deleted file mode 100644
index 27d8f9fd4e..0000000000
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/basic-modal.element.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { css, html } from 'lit';
-import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
-import { customElement } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { UmbModalLayoutElement } from '../../../../../libs/modal/layouts/modal-layout.element';
-import { UmbBasicModalData } from '.';
-
-@customElement('umb-basic-modal')
-export class UmbBasicModalElement extends UmbModalLayoutElement<UmbBasicModalData> {
-	static styles = [
-		UUITextStyles,
-		css`
-			uui-scroll-container {
-				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...
-		this.modalHandler?.close();
-	}
-
-	connectedCallback(): void {
-		super.connectedCallback();
-	}
-
-	render() {
-		return html`
-			<umb-workspace-layout headline=${ifDefined(this.data?.headline)}>
-				<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 UmbBasicModalElement;
-
-declare global {
-	interface HTMLElementTagNameMap {
-		'umb-basic-modal': UmbBasicModalElement;
-	}
-}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/basic-modal.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/basic-modal.stories.ts
deleted file mode 100644
index 6e1c887d98..0000000000
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/basic-modal.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Meta, Story } from '@storybook/web-components';
-import { html } from 'lit';
-import { UmbBasicModalElement, UmbBasicModalData } from './basic-modal.element';
-
-export default {
-	title: 'API/Modals/Layouts/Basic',
-	component: 'umb-basic-modal',
-	id: 'umb-basic-modal',
-} as Meta;
-
-const htmlContent = html` <uui-table aria-label="Example table" aria-describedby="#some-element-id">
-	<!-- Apply styles to the uui-table-column to style the columns. You must have the same number of this elements as you have columns -->
-	<uui-table-column style="width: 20%;"></uui-table-column>
-	<uui-table-column style="width: 80%;"></uui-table-column>
-
-	<uui-table-head>
-		<uui-table-head-cell>Title 1</uui-table-head-cell>
-		<uui-table-head-cell>Title 2</uui-table-head-cell>
-	</uui-table-head>
-
-	<uui-table-row>
-		<uui-table-cell>Cell 1</uui-table-cell>
-		<uui-table-cell>Cell 2</uui-table-cell>
-	</uui-table-row>
-
-	<uui-table-row>
-		<uui-table-cell>Cell 3</uui-table-cell>
-		<uui-table-cell>Cell 4</uui-table-cell>
-	</uui-table-row>
-</uui-table>`;
-
-const data: UmbBasicModalData = {
-	header: html`<uui-icon name="umb:bug"></uui-icon> Debug: Contexts`,
-	content: htmlContent,
-	overlaySize: 'small',
-};
-
-export const Overview: Story<UmbBasicModalElement> = () => html`
-	<!-- TODO: figure out if generics are allowed for properties:
-	https://github.com/runem/lit-analyzer/issues/149
-	https://github.com/runem/lit-analyzer/issues/163 -->
-	<umb-basic-modal .data=${data as any}></umb-basic-modal>
-`;
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/index.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/index.ts
deleted file mode 100644
index 2c27f5f30c..0000000000
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/index.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import type { TemplateResult } from 'lit';
-import { UmbModalToken } from '@umbraco-cms/modal';
-
-export interface UmbBasicModalData {
-	headline: string;
-	content: TemplateResult | string;
-}
-
-export const UMB_BASIC_MODAL_TOKEN = new UmbModalToken<UmbBasicModalData>('Umb.Modal.Basic', {
-	type: 'dialog',
-});
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/manifests.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/manifests.ts
index ccf604a113..f2f6a9f749 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/manifests.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/manifests.ts
@@ -1,12 +1,6 @@
 import type { ManifestModal } from '@umbraco-cms/extensions-registry';
 
 const modals: Array<ManifestModal> = [
-	{
-		type: 'modal',
-		alias: 'Umb.Modal.Basic',
-		name: 'Basic Modal',
-		loader: () => import('./basic/basic-modal.element'),
-	},
 	{
 		type: 'modal',
 		alias: 'Umb.Modal.Confirm',