diff --git a/src/Umbraco.Web.UI.Client/src/packages/packages/package-repo/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/packages/package-repo/manifests.ts
index 3c41125519..6092dc0aeb 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/packages/package-repo/manifests.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/packages/package-repo/manifests.ts
@@ -8,7 +8,7 @@ const workspace: ManifestWorkspace = {
 	type: 'workspace',
 	alias: 'Umb.Workspace.Package',
 	name: 'Package Workspace',
-	js: () => import('./workspace/workspace-package.element.js'),
+	element: () => import('./workspace/workspace-package.element.js'),
 	meta: {
 		entityType: 'package',
 	},
diff --git a/src/Umbraco.Web.UI.Client/src/packages/packages/package-repo/workspace/workspace-package.element.ts b/src/Umbraco.Web.UI.Client/src/packages/packages/package-repo/workspace/workspace-package.element.ts
index 6ba1506a7b..3dc1b0c795 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/packages/package-repo/workspace/workspace-package.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/packages/package-repo/workspace/workspace-package.element.ts
@@ -1,8 +1,9 @@
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
-import { css, html, LitElement, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
+import { css, html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 
 @customElement('umb-workspace-package')
-export class UmbWorkspacePackageElement extends LitElement {
+export class UmbWorkspacePackageElement extends UmbLitElement {
 	@property()
 	entityId?: string;