From f3d98017ef544e01abaf511157bde40646bfe686 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Wed, 25 Sep 2024 09:07:59 -0600
Subject: [PATCH] fix width

---
 web/src/components/filter/SearchFilterGroup.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/web/src/components/filter/SearchFilterGroup.tsx b/web/src/components/filter/SearchFilterGroup.tsx
index d85307d53..ea030ece0 100644
--- a/web/src/components/filter/SearchFilterGroup.tsx
+++ b/web/src/components/filter/SearchFilterGroup.tsx
@@ -447,9 +447,17 @@ function TimeRangeFilterButton({
     </Button>
   );
   const content = (
-    <div className="scrollbar-container h-auto max-h-[80dvh] overflow-y-auto overflow-x-hidden">
+    <div
+      className={cn(
+        "scrollbar-container h-auto max-h-[80dvh] overflow-y-auto overflow-x-hidden",
+        isDesktop ? "w-64" : "w-full",
+      )}
+    >
       <div
-        className={`mt-3 flex items-center rounded-lg bg-secondary text-secondary-foreground ${isDesktop ? "mx-6 gap-2 px-2" : "pl-2"}`}
+        className={cn(
+          "mt-3 flex w-full items-center rounded-lg bg-secondary text-secondary-foreground",
+          isDesktop ? "mx-6 gap-2 px-2" : "pl-2",
+        )}
       >
         <Popover
           open={startOpen}