From 06831402788e6b55c39fcddcaff2233d60fbbaa0 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Tue, 1 Jul 2025 22:03:22 +1000
Subject: [PATCH] UI improvement for column selection in tables (#9925)

- Limit max height of dropdown
---
 src/frontend/src/tables/ColumnSelect.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/tables/ColumnSelect.tsx b/src/frontend/src/tables/ColumnSelect.tsx
index 163ab5e2cf..c686ce65c6 100644
--- a/src/frontend/src/tables/ColumnSelect.tsx
+++ b/src/frontend/src/tables/ColumnSelect.tsx
@@ -1,5 +1,5 @@
 import { t } from '@lingui/core/macro';
-import { ActionIcon, Checkbox, Menu, Tooltip } from '@mantine/core';
+import { ActionIcon, Checkbox, Divider, Menu, Tooltip } from '@mantine/core';
 import { IconAdjustments } from '@tabler/icons-react';
 
 export function TableColumnSelect({
@@ -19,8 +19,9 @@ export function TableColumnSelect({
         </ActionIcon>
       </Menu.Target>
 
-      <Menu.Dropdown>
+      <Menu.Dropdown style={{ maxHeight: '400px', overflowY: 'auto' }}>
         <Menu.Label>{t`Select Columns`}</Menu.Label>
+        <Divider />
         {columns
           .filter((col) => col.switchable ?? true)
           .map((col) => (