diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-group.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-group.element.ts
index 160866835c59..242269137293 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-group.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-group.element.ts
@@ -172,7 +172,8 @@ export class UmbContentTypeWorkspaceViewEditGroupElement extends UmbLitElement {
?disabled=${!this._hasOwnerContainer}
@blur=${this.#blurGroup}
@change=${this.#renameGroup}
- ${this._group!.name === '' ? umbFocus() : nothing}>
+ ${this._group!.name === '' ? umbFocus() : nothing}
+ auto-width>
@@ -208,10 +209,10 @@ export class UmbContentTypeWorkspaceViewEditGroupElement extends UmbLitElement {
- this._singleValueUpdate('sortOrder', parseInt(e.target.value as string) || 0)}>
+ this._singleValueUpdate('sortOrder', parseInt(e.target.value as string) ?? 0)}>
`,
)}
@@ -245,7 +246,7 @@ export class UmbContentTypeWorkspaceViewEditGroupElement extends UmbLitElement {
#group-name {
--uui-input-border-color: transparent;
- width: 100%;
+ min-width: 200px;
}
uui-input[type='number'] {
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-property.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-property.element.ts
index 571b9a3c6987..381f70184c8c 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-property.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor-property.element.ts
@@ -235,7 +235,8 @@ export class UmbContentTypeDesignEditorPropertyElement extends UmbLitElement {
.value=${this.property.description}
@input=${(e: CustomEvent) => {
if (e.target) this.#singleValueUpdate('description', (e.target as HTMLInputElement).value);
- }}>
+ }}
+ auto-height>
${this.localize.string(this.manifest?.meta?.label ?? '')}`;
}
@@ -44,7 +48,9 @@ export class UmbSectionSidebarMenuElement<
UmbTextStyles,
css`
h3 {
+ margin: var(--uui-size-5) 0;
padding: var(--uui-size-4) var(--uui-size-8);
+ font-size: 15px;
}
`,
];
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property-type/workspace/views/settings/property-workspace-view-settings.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property-type/workspace/views/settings/property-workspace-view-settings.element.ts
index 92a723ececfb..592f3095de7f 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/property-type/workspace/views/settings/property-workspace-view-settings.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/property-type/workspace/views/settings/property-workspace-view-settings.element.ts
@@ -247,7 +247,8 @@ export class UmbPropertyTypeWorkspaceViewSettingsElement extends UmbLitElement i
@input=${this.#onDescriptionChange}
label=${this.localize.term('placeholders_enterDescription')}
placeholder=${this.localize.term('placeholders_enterDescription')}
- .value=${this._data?.description}>
+ .value=${this._data?.description}
+ auto-height>