diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/workspace-property-layout/workspace-property-layout.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/workspace-property-layout/workspace-property-layout.element.ts
index 0dcb31aea0..a18dc7654d 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/workspace-property-layout/workspace-property-layout.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/workspace-property-layout/workspace-property-layout.element.ts
@@ -53,7 +53,7 @@ export class UmbWorkspacePropertyLayoutElement extends LitElement {
 			<div id="header">
 				<uui-label title=${this.alias}>${this.label}</uui-label>
 				<slot name="property-action-menu"></slot>
-				<p>${this.description}</p>
+				<div id="description">${this.description}</div>
 				<slot name="description"></slot>
 			</div>
 			<div>
@@ -94,8 +94,8 @@ export class UmbWorkspacePropertyLayoutElement extends LitElement {
 				padding-top: 0;
 			}
 
-			p {
-				margin-bottom: 0;
+			#description {
+				color: var(--uui-color-text-alt);
 			}
 
 			#header {
diff --git a/src/Umbraco.Web.UI.Client/src/packages/settings/data-types/workspace/views/details/data-type-details-workspace-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/settings/data-types/workspace/views/details/data-type-details-workspace-view.element.ts
index 8dfb150e23..9ecc20c214 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/settings/data-types/workspace/views/details/data-type-details-workspace-view.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/settings/data-types/workspace/views/details/data-type-details-workspace-view.element.ts
@@ -202,7 +202,7 @@ export class UmbDataTypeDetailsWorkspaceViewEditElement
 			}
 
 			uui-box {
-				padding: var(--uui-size-layout-1);
+				margin-top: var(--uui-size-layout-1);
 			}
 		`,
 	];