From d8796da0367dcd673305b548ca1afcc23da3cf08 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 15 Apr 2024 10:20:57 +0200
Subject: [PATCH] add spacing

---
 .../duplicate/modal/duplicate-modal.element.ts      | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/entity-action/common/duplicate/modal/duplicate-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/entity-action/common/duplicate/modal/duplicate-modal.element.ts
index 1ca25c04a8..df1cb6847a 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/entity-action/common/duplicate/modal/duplicate-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/entity-action/common/duplicate/modal/duplicate-modal.element.ts
@@ -1,5 +1,5 @@
 import type { UmbDuplicateModalData, UmbDuplicateModalValue } from './duplicate-modal.token.js';
-import { html, customElement, nothing } from '@umbraco-cms/backoffice/external/lit';
+import { html, customElement, nothing, css } from '@umbraco-cms/backoffice/external/lit';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
 
@@ -32,7 +32,7 @@ export class UmbDuplicateModalElement extends UmbModalBaseElement<UmbDuplicateMo
 
 		return html`
 			<umb-body-layout headline="Duplicate">
-				<uui-box headline="Duplicate to">
+				<uui-box id="tree-box" headline="Duplicate to">
 					<umb-tree alias=${this.data.treeAlias} @selection-change=${this.#onTreeSelectionChange}></umb-tree>
 				</uui-box>
 				<uui-box headline="Options">
@@ -69,7 +69,14 @@ export class UmbDuplicateModalElement extends UmbModalBaseElement<UmbDuplicateMo
 		`;
 	}
 
-	static styles = [UmbTextStyles];
+	static styles = [
+		UmbTextStyles,
+		css`
+			#tree-box {
+				margin-bottom: var(--uui-size-layout-1);
+			}
+		`,
+	];
 }
 
 export { UmbDuplicateModalElement as element };