diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property/property-layout/property-layout.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property/property-layout/property-layout.element.ts index d5971aea5a..58ab5a5bd7 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/property/property-layout/property-layout.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/property/property-layout/property-layout.element.ts @@ -69,7 +69,7 @@ export class UmbPropertyLayoutElement extends LitElement { css` :host { display: grid; - grid-template-columns: 200px auto; + grid-template-columns: 200px minmax(0,1fr); column-gap: var(--uui-size-layout-2); border-bottom: 1px solid var(--uui-color-divider); padding: var(--uui-size-layout-1) 0; diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view.element.ts index f8d871b563..ca255488d9 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/workspace-split-view/workspace-split-view.element.ts @@ -45,7 +45,7 @@ export class UmbWorkspaceSplitViewElement extends UmbLitElement { display: block; width: 100%; height: 100%; - min-height: 0; + min-width: 0; } :host(:not(:last-child)) { diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/document-workspace-split-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/document-workspace-split-view.element.ts index 9c6b374ef3..40d66a61bd 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/document-workspace-split-view.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/document-workspace-split-view.element.ts @@ -68,8 +68,7 @@ export class UmbDocumentWorkspaceSplitViewElement extends UmbLitElement { } #splitViews { - display: grid; - grid-template-columns: 50% 50%; + display: flex; width: 100%; height: calc(100% - var(--umb-footer-layout-height)); }