diff --git a/src/Umbraco.Web.UI.Client/src/packages/relations/relation-types/collection/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/relations/relation-types/collection/manifests.ts
index 1d2cc270a2..fa2f027bca 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/relations/relation-types/collection/manifests.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/relations/relation-types/collection/manifests.ts
@@ -10,6 +10,7 @@ const collectionManifest: ManifestCollection = {
kind: 'default',
alias: UMB_RELATION_TYPE_COLLECTION_ALIAS,
name: 'Relation Type Collection',
+ element: () => import('./relation-type-collection.element.js'),
meta: {
repositoryAlias: UMB_RELATION_TYPE_COLLECTION_REPOSITORY_ALIAS,
},
diff --git a/src/Umbraco.Web.UI.Client/src/packages/relations/relation-types/collection/relation-type-collection.element.ts b/src/Umbraco.Web.UI.Client/src/packages/relations/relation-types/collection/relation-type-collection.element.ts
new file mode 100644
index 0000000000..53fbc181bf
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/relations/relation-types/collection/relation-type-collection.element.ts
@@ -0,0 +1,19 @@
+import { customElement, html } from '@umbraco-cms/backoffice/external/lit';
+import { UmbCollectionDefaultElement } from '@umbraco-cms/backoffice/collection';
+
+const elementName = 'umb-relation-type-collection';
+@customElement(elementName)
+export class UmbRelationTypeCollectionElement extends UmbCollectionDefaultElement {
+ // NOTE: Returns empty toolbar, so to remove the header padding.
+ protected renderToolbar() {
+ return html``;
+ }
+}
+
+export default UmbRelationTypeCollectionElement;
+
+declare global {
+ interface HTMLElementTagNameMap {
+ [elementName]: UmbRelationTypeCollectionElement;
+ }
+}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/relations/relation-types/workspace/relation-type-root/relation-type-root-workspace.element.ts b/src/Umbraco.Web.UI.Client/src/packages/relations/relation-types/workspace/relation-type-root/relation-type-root-workspace.element.ts
index 61b0e50365..3a80fc0f81 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/relations/relation-types/workspace/relation-type-root/relation-type-root-workspace.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/relations/relation-types/workspace/relation-type-root/relation-type-root-workspace.element.ts
@@ -5,9 +5,11 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
@customElement('umb-relation-type-root-workspace')
export class UmbRelationTypeRootWorkspaceElement extends UmbLitElement {
render() {
- return html`