From 9b0b60e6cb67e81024cc7e86ff376977737c6b94 Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bf@mcb.dk>
Date: Fri, 10 Oct 2025 10:32:19 +0200
Subject: [PATCH] Icon Picker: Fit icons scroll container to modal height
 (#20438)

* Fill height and align icons to top

* Auto scrollbar instead

* Auto height of grid rows

* Enforce scroll again
---
 .../icon-picker-modal/icon-picker-modal.element.ts             | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icon-picker-modal/icon-picker-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icon-picker-modal/icon-picker-modal.element.ts
index e6aa5a8bfd..0311318845 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icon-picker-modal/icon-picker-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icon-picker-modal/icon-picker-modal.element.ts
@@ -190,7 +190,10 @@ export class UmbIconPickerModalElement extends UmbModalBaseElement<UmbIconPicker
 				line-height: 0;
 				display: grid;
 				grid-template-columns: repeat(auto-fit, minmax(40px, calc((100% / 12) - 10px)));
+				grid-auto-rows: min-content;
 				gap: 10px;
+				height: 100%;
+				align-items: flex-start;
 				overflow-y: scroll;
 				max-height: 100%;
 				min-height: 0;