From ea558c7922c5be3403b6122147ffde3ef94a0da5 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Wed, 31 Jul 2024 15:30:33 +0200
Subject: [PATCH] fine-tune tag styling

---
 .../src/packages/core/property/property/property.element.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts
index 927bdee191..be2b41267e 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts
@@ -349,7 +349,7 @@ export class UmbPropertyElement extends UmbLitElement {
 				?invalid=${this._invalid}>
 				${this.#renderPropertyActionMenu()}
 				${this._variantDifference
-					? html`<uui-tag look="secondary" slot="description">${this._variantDifference}</uui-tag>`
+					? html`<div slot="description"><uui-tag look="secondary">${this._variantDifference}</uui-tag></div>`
 					: ''}
 				${this.#renderPropertyEditor()}
 			</umb-property-layout>
@@ -399,7 +399,9 @@ export class UmbPropertyElement extends UmbLitElement {
 			}
 
 			uui-tag {
-				margin-top: var(--uui-size-space-4);
+				margin-top: var(--uui-size-space-2);
+				margin-left: calc(var(--uui-size-space-1) * -1);
+				font-size: 11px;
 			}
 
 			#editor {