From 7d359eb7067282dc26cb39df1269231763dcc3ed Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Wed, 24 Sep 2025 08:07:47 -0600
Subject: [PATCH 1/2] add max height to element

---
 .../ui/report/elements/MetricElement/MetricElement.tsx       | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/ui/report/elements/MetricElement/MetricElement.tsx b/apps/web/src/components/ui/report/elements/MetricElement/MetricElement.tsx
index 33c001f5b..1c887fcf3 100644
--- a/apps/web/src/components/ui/report/elements/MetricElement/MetricElement.tsx
+++ b/apps/web/src/components/ui/report/elements/MetricElement/MetricElement.tsx
@@ -35,7 +35,9 @@ export const MetricElement = withHOC(
     const isSelected = useSelected();
     const isFocused = useFocused();
     const showFocused = isSelected && isFocused;
-    const className = cn(showFocused && 'ring-ring bg-brand/5 ring-1 ring-offset-4');
+    const className = cn(
+      showFocused && 'ring-ring bg-brand/5 ring-1 ring-offset-4'
+    );
 
     const { data: selectedChartType } = useGetMetric(
       { id: metricId },
@@ -130,6 +132,7 @@ const MetricResizeContainer: React.FC<PropsWithChildren<{ isTable: boolean }>> =
         <div
           // ref={handleRef}
           className={cn(
+            'hax-h-[400px]',
             !isTable && 'min-h-64',
             !height && !isTable && 'min-h-[390px]'
             //   isDragging && 'cursor-grabbing opacity-50'

From 3ab6a656ba73194538b5d5aec05557a6ded7a858 Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Wed, 24 Sep 2025 08:13:14 -0600
Subject: [PATCH 2/2] added a max height for report stuff

---
 .../ui/report/elements/MetricElement/MetricElement.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/ui/report/elements/MetricElement/MetricElement.tsx b/apps/web/src/components/ui/report/elements/MetricElement/MetricElement.tsx
index 1c887fcf3..2d90f259d 100644
--- a/apps/web/src/components/ui/report/elements/MetricElement/MetricElement.tsx
+++ b/apps/web/src/components/ui/report/elements/MetricElement/MetricElement.tsx
@@ -36,6 +36,7 @@ export const MetricElement = withHOC(
     const isFocused = useFocused();
     const showFocused = isSelected && isFocused;
     const className = cn(
+      'max-h-[390px]',
       showFocused && 'ring-ring bg-brand/5 ring-1 ring-offset-4'
     );
 
@@ -132,8 +133,7 @@ const MetricResizeContainer: React.FC<PropsWithChildren<{ isTable: boolean }>> =
         <div
           // ref={handleRef}
           className={cn(
-            'hax-h-[400px]',
-            !isTable && 'min-h-64',
+            !isTable && 'min-h-[390px]',
             !height && !isTable && 'min-h-[390px]'
             //   isDragging && 'cursor-grabbing opacity-50'
           )}