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 8373e49ccf..aab13ad127 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/backoffice.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/backoffice.element.ts
@@ -1,5 +1,4 @@
 //TODO: we need to figure out what components should be available for extensions and load them upfront
-import './components/ref-property-editor/ref-property-editor.element';
 import './components/ref-property-editor-ui/ref-property-editor-ui.element';
 import './components/backoffice-header.element';
 import './components/backoffice-main.element';
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/ref-property-editor/ref-property-editor.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/ref-property-editor/ref-property-editor.element.ts
deleted file mode 100644
index c590f351ed..0000000000
--- a/src/Umbraco.Web.UI.Client/src/backoffice/components/ref-property-editor/ref-property-editor.element.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { UUIRefNodeElement } from '@umbraco-ui/uui';
-import { html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-
-@customElement('umb-ref-property-editor')
-export class UmbRefPropertyEditorElement extends UUIRefNodeElement {
-	static styles = [...UUIRefNodeElement.styles];
-
-	protected fallbackIcon =
-		'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>';
-
-	@property({ type: String })
-	alias = '';
-
-	protected renderDetail() {
-		const details: string[] = [];
-
-		if (this.alias !== '') {
-			details.push(this.alias);
-		}
-		if (this.detail !== '') {
-			details.push(this.detail);
-		}
-		return html`<small id="detail">${details.join(' | ')}<slot name="detail"></slot></small>`;
-	}
-}
-
-declare global {
-	interface HTMLElementTagNameMap {
-		'umb-ref-property-editor': UmbRefPropertyEditorElement;
-	}
-}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/ref-property-editor/ref-property-editor.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/ref-property-editor/ref-property-editor.stories.ts
deleted file mode 100644
index 7d107d3233..0000000000
--- a/src/Umbraco.Web.UI.Client/src/backoffice/components/ref-property-editor/ref-property-editor.stories.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import './ref-property-editor.element';
-
-import { Meta, Story } from '@storybook/web-components';
-import { html } from 'lit-html';
-
-import type { UmbRefPropertyEditorElement } from './ref-property-editor.element';
-
-export default {
-	title: 'Components/Ref Property Editor',
-	component: 'umb-ref-property-editor',
-	id: 'umb-ref-property-editor',
-} as Meta;
-
-export const AAAOverview: Story<UmbRefPropertyEditorElement> = () =>
-	html` <umb-ref-property-editor
-		name="Custom Property Editor"
-		alias="Umb.PropertyEditor.Custom"></umb-ref-property-editor>`;
-AAAOverview.storyName = 'Overview';