diff --git a/src/Umbraco.Web.UI.Client/package.json b/src/Umbraco.Web.UI.Client/package.json
index 1b333786f1..654b555e5b 100644
--- a/src/Umbraco.Web.UI.Client/package.json
+++ b/src/Umbraco.Web.UI.Client/package.json
@@ -32,7 +32,8 @@
 		"build-storybook": "npm run wc-analyze && build-storybook",
 		"generate:icons": "node ./devops/icons/index.mjs",
 		"wc-analyze": "wca **/*.element.ts --outFile custom-elements.json",
-		"new-extension": "plop  --plopfile ./devops/plop/plop.mjs"
+		"new-extension": "plop  --plopfile ./devops/plop/plop.mjs",
+		"compile": "tsc"
 	},
 	"engines": {
 		"node": ">=16.0.0 <17",
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/block-list/property-editor-ui-block-list.test.ts b/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/block-list/property-editor-ui-block-list.test.ts
index c126ad62e5..de2b9b5778 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/block-list/property-editor-ui-block-list.test.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/block-list/property-editor-ui-block-list.test.ts
@@ -1,21 +1,19 @@
 import { expect, fixture, html } from '@open-wc/testing';
 import { defaultA11yConfig } from '../../../core/helpers/chai';
-import { UmbPropertyEditorUIBlockListElement } from './umb-property-editor-ui-block-list.element';
+import { UmbPropertyEditorUIBlockListElement } from './property-editor-ui-block-list.element';
 
 describe('UmbPropertyEditorUIBlockListElement', () => {
-  let element: UmbPropertyEditorUIBlockListElement;
+	let element: UmbPropertyEditorUIBlockListElement;
 
-  beforeEach(async () => {
-    element = await fixture(
-      html` <umb-property-editor-ui-block-list></umb-property-editor-ui-block-list> `
-    );
-  });
+	beforeEach(async () => {
+		element = await fixture(html` <umb-property-editor-ui-block-list></umb-property-editor-ui-block-list> `);
+	});
 
-  it('is defined with its own instance', () => {
-    expect(element).to.be.instanceOf(UmbPropertyEditorUIBlockListElement);
-  });
+	it('is defined with its own instance', () => {
+		expect(element).to.be.instanceOf(UmbPropertyEditorUIBlockListElement);
+	});
 
-  it('passes the a11y audit', async () => {
-    await expect(element).shadowDom.to.be.accessible(defaultA11yConfig);
-  });
+	it('passes the a11y audit', async () => {
+		await expect(element).shadowDom.to.be.accessible(defaultA11yConfig);
+	});
 });
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/checkbox-list/property-editor-ui-checkbox-list.test.ts b/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/checkbox-list/property-editor-ui-checkbox-list.test.ts
index 34363187d5..cc4b654e61 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/checkbox-list/property-editor-ui-checkbox-list.test.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/checkbox-list/property-editor-ui-checkbox-list.test.ts
@@ -1,21 +1,19 @@
 import { expect, fixture, html } from '@open-wc/testing';
 import { defaultA11yConfig } from '../../../core/helpers/chai';
-import { UmbPropertyEditorUICheckboxListElement } from './umb-property-editor-ui-checkbox-list.element';
+import { UmbPropertyEditorUICheckboxListElement } from './property-editor-ui-checkbox-list.element';
 
 describe('UmbPropertyEditorUICheckboxListElement', () => {
-  let element: UmbPropertyEditorUICheckboxListElement;
+	let element: UmbPropertyEditorUICheckboxListElement;
 
-  beforeEach(async () => {
-    element = await fixture(
-      html` <umb-property-editor-ui-checkbox-list></umb-property-editor-ui-checkbox-list> `
-    );
-  });
+	beforeEach(async () => {
+		element = await fixture(html` <umb-property-editor-ui-checkbox-list></umb-property-editor-ui-checkbox-list> `);
+	});
 
-  it('is defined with its own instance', () => {
-    expect(element).to.be.instanceOf(UmbPropertyEditorUICheckboxListElement);
-  });
+	it('is defined with its own instance', () => {
+		expect(element).to.be.instanceOf(UmbPropertyEditorUICheckboxListElement);
+	});
 
-  it('passes the a11y audit', async () => {
-    await expect(element).shadowDom.to.be.accessible(defaultA11yConfig);
-  });
+	it('passes the a11y audit', async () => {
+		await expect(element).shadowDom.to.be.accessible(defaultA11yConfig);
+	});
 });
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/content-picker/property-editor-ui-checkbox-list.test.ts b/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/content-picker/property-editor-ui-checkbox-list.test.ts
deleted file mode 100644
index 8d91848d0c..0000000000
--- a/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/content-picker/property-editor-ui-checkbox-list.test.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { expect, fixture, html } from '@open-wc/testing';
-import { defaultA11yConfig } from '../../../core/helpers/chai';
-import { UmbPropertyEditorUIContentPickerElement } from './umb-property-editor-ui-content-picker.element';
-
-describe('UmbPropertyEditorUIContentPickerElement', () => {
-	let element: UmbPropertyEditorUIContentPickerElement;
-
-	beforeEach(async () => {
-		element = await fixture(html` <umb-property-editor-ui-content-picker></umb-property-editor-ui-content-picker> `);
-	});
-
-	it('is defined with its own instance', () => {
-		expect(element).to.be.instanceOf(UmbPropertyEditorUIContentPickerElement);
-	});
-
-	it('passes the a11y audit', async () => {
-		await expect(element).shadowDom.to.be.accessible(defaultA11yConfig);
-	});
-});
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/icon-picker/property-editor-ui-icon-picker.test.ts b/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/icon-picker/property-editor-ui-icon-picker.test.ts
index c292f515da..128314c496 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/icon-picker/property-editor-ui-icon-picker.test.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/icon-picker/property-editor-ui-icon-picker.test.ts
@@ -1,21 +1,19 @@
 import { expect, fixture, html } from '@open-wc/testing';
 import { defaultA11yConfig } from '../../../core/helpers/chai';
-import { UmbPropertyEditorUIIconPickerElement } from './umb-property-editor-ui-icon-picker.element';
+import { UmbPropertyEditorUIIconPickerElement } from './property-editor-ui-icon-picker.element';
 
 describe('UmbPropertyEditorUIIconPickerElement', () => {
-  let element: UmbPropertyEditorUIIconPickerElement;
+	let element: UmbPropertyEditorUIIconPickerElement;
 
-  beforeEach(async () => {
-    element = await fixture(
-      html` <umb-property-editor-ui-icon-picker></umb-property-editor-ui-icon-picker> `
-    );
-  });
+	beforeEach(async () => {
+		element = await fixture(html` <umb-property-editor-ui-icon-picker></umb-property-editor-ui-icon-picker> `);
+	});
 
-  it('is defined with its own instance', () => {
-    expect(element).to.be.instanceOf(UmbPropertyEditorUIIconPickerElement);
-  });
+	it('is defined with its own instance', () => {
+		expect(element).to.be.instanceOf(UmbPropertyEditorUIIconPickerElement);
+	});
 
-  it('passes the a11y audit', async () => {
-    await expect(element).shadowDom.to.be.accessible(defaultA11yConfig);
-  });
+	it('passes the a11y audit', async () => {
+		await expect(element).shadowDom.to.be.accessible(defaultA11yConfig);
+	});
 });
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/toggle/property-editor-ui-toggle.test.ts b/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/toggle/property-editor-ui-toggle.test.ts
index 41524ff436..85aba3b4f0 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/toggle/property-editor-ui-toggle.test.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/property-editor-uis/toggle/property-editor-ui-toggle.test.ts
@@ -1,21 +1,19 @@
 import { expect, fixture, html } from '@open-wc/testing';
 import { defaultA11yConfig } from '../../../core/helpers/chai';
-import { UmbPropertyEditorUIToggleElement } from './umb-property-editor-ui-toggle.element';
+import { UmbPropertyEditorUIToggleElement } from './property-editor-ui-toggle.element';
 
 describe('UmbPropertyEditorUIToggleElement', () => {
-  let element: UmbPropertyEditorUIToggleElement;
+	let element: UmbPropertyEditorUIToggleElement;
 
-  beforeEach(async () => {
-    element = await fixture(
-      html` <umb-property-editor-ui-toggle></umb-property-editor-ui-toggle> `
-    );
-  });
+	beforeEach(async () => {
+		element = await fixture(html` <umb-property-editor-ui-toggle></umb-property-editor-ui-toggle> `);
+	});
 
-  it('is defined with its own instance', () => {
-    expect(element).to.be.instanceOf(UmbPropertyEditorUIToggleElement);
-  });
+	it('is defined with its own instance', () => {
+		expect(element).to.be.instanceOf(UmbPropertyEditorUIToggleElement);
+	});
 
-  it('passes the a11y audit', async () => {
-    await expect(element).shadowDom.to.be.accessible(defaultA11yConfig);
-  });
+	it('passes the a11y audit', async () => {
+		await expect(element).shadowDom.to.be.accessible(defaultA11yConfig);
+	});
 });