From 8981da82a2f9d1f327830ce484a15a0ce36c580a Mon Sep 17 00:00:00 2001
From: Brandon Pereira <brandon.pereira@clickhouse.com>
Date: Thu, 2 Oct 2025 14:36:58 -0600
Subject: [PATCH] Fixes inability to scroll in the TimePicker component

Fixes HDX-2546
---
 .changeset/grumpy-trees-mate.md                       | 5 +++++
 packages/app/src/components/TimePicker/TimePicker.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/grumpy-trees-mate.md

diff --git a/.changeset/grumpy-trees-mate.md b/.changeset/grumpy-trees-mate.md
new file mode 100644
index 000000000..a6cc49d64
--- /dev/null
+++ b/.changeset/grumpy-trees-mate.md
@@ -0,0 +1,5 @@
+---
+"@hyperdx/app": patch
+---
+
+Fixes scrolling in TimePicker
diff --git a/packages/app/src/components/TimePicker/TimePicker.tsx b/packages/app/src/components/TimePicker/TimePicker.tsx
index 76750e643..96454e257 100644
--- a/packages/app/src/components/TimePicker/TimePicker.tsx
+++ b/packages/app/src/components/TimePicker/TimePicker.tsx
@@ -265,7 +265,7 @@ export const TimePicker = ({
         </Group>
         <Group gap={1} align="stretch">
           <Card w={180} p={0}>
-            <ScrollArea mah={300} scrollbarSize={5}>
+            <ScrollArea h={300} scrollbarSize={5}>
               <Stack gap={0} p="xs">
                 {relativeTimeOptions.map((item, index) =>
                   item === 'divider' ? (