From 3d35d9f920876ded02754419177b034e08d94508 Mon Sep 17 00:00:00 2001
From: Yujong Lee <yujong@berri.ai>
Date: Sun, 4 Oct 2026 16:26:48 -0700
Subject: [PATCH] fix(ui): match Lens time range menu width to its trigger

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../src/components/lens/traces/list/TimeRangeControls.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/lens/traces/list/TimeRangeControls.tsx b/ui/litellm-dashboard/src/components/lens/traces/list/TimeRangeControls.tsx
index c472a55b0a8..87cbb886a5c 100644
--- a/ui/litellm-dashboard/src/components/lens/traces/list/TimeRangeControls.tsx
+++ b/ui/litellm-dashboard/src/components/lens/traces/list/TimeRangeControls.tsx
@@ -55,13 +55,13 @@ export function TimeRangeControls({
       <DropdownMenu>
         <DropdownMenuTrigger
           aria-label="Time range"
-          className={cn(SEGMENT, "text-foreground hover:bg-muted/60")}
+          className={cn(SEGMENT, "min-w-40 justify-between text-foreground hover:bg-muted/60")}
           data-testid="time-range-trigger"
         >
           <span className="tabular-nums">{fixedRange ? fixedRangeLabel(fixedRange) : presetLabel(rangeHours)}</span>
           <ChevronDown className="size-3.5 text-muted-foreground" />
         </DropdownMenuTrigger>
-        <DropdownMenuContent align="end" className="w-auto min-w-44">
+        <DropdownMenuContent align="end" className="min-w-0">
           <DropdownMenuRadioGroup
             value={String(rangeHours)}
             onValueChange={(value: string) => onRangeHoursChange(Number(value))}