From 8b410096bdb760482cf86997abe202dff82f99b8 Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Fri, 7 Jun 2024 10:30:14 -0700
Subject: [PATCH] prevent report date range from overflowing

---
 src/app/(main)/reports/[reportId]/BaseParameters.module.css | 3 +++
 src/app/(main)/reports/[reportId]/BaseParameters.tsx        | 3 ++-
 2 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 src/app/(main)/reports/[reportId]/BaseParameters.module.css

diff --git a/src/app/(main)/reports/[reportId]/BaseParameters.module.css b/src/app/(main)/reports/[reportId]/BaseParameters.module.css
new file mode 100644
index 00000000..4750c7d7
--- /dev/null
+++ b/src/app/(main)/reports/[reportId]/BaseParameters.module.css
@@ -0,0 +1,3 @@
+.dropdown div {
+  max-height: 300px;
+}
diff --git a/src/app/(main)/reports/[reportId]/BaseParameters.tsx b/src/app/(main)/reports/[reportId]/BaseParameters.tsx
index 49c3347e..77de51f3 100644
--- a/src/app/(main)/reports/[reportId]/BaseParameters.tsx
+++ b/src/app/(main)/reports/[reportId]/BaseParameters.tsx
@@ -5,6 +5,7 @@ import DateFilter from 'components/input/DateFilter';
 import WebsiteSelect from 'components/input/WebsiteSelect';
 import { useMessages, useTeamUrl, useWebsite } from 'components/hooks';
 import { ReportContext } from './Report';
+import styles from './BaseParameters.module.css';
 
 export interface BaseParametersProps {
   showWebsiteSelect?: boolean;
@@ -48,7 +49,7 @@ export function BaseParameters({
         </FormRow>
       )}
       {showDateSelect && (
-        <FormRow label={formatMessage(labels.dateRange)}>
+        <FormRow label={formatMessage(labels.dateRange)} className={styles.dropdown}>
           {allowDateSelect && (
             <DateFilter
               value={value}