From f3387221ea9e85f5d1d43f25fc485578982af38b Mon Sep 17 00:00:00 2001
From: Yujong Lee <yujong@berri.ai>
Date: Sun, 4 Oct 2026 16:36:49 -0700
Subject: [PATCH] fix(ui): keep the time range divider outside the menu anchor

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../src/components/shared/timeRange/TimeRangeControls.tsx      | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ui/litellm-dashboard/src/components/shared/timeRange/TimeRangeControls.tsx b/ui/litellm-dashboard/src/components/shared/timeRange/TimeRangeControls.tsx
index cf8aaa0e15d..2aa19eb7181 100644
--- a/ui/litellm-dashboard/src/components/shared/timeRange/TimeRangeControls.tsx
+++ b/ui/litellm-dashboard/src/components/shared/timeRange/TimeRangeControls.tsx
@@ -45,7 +45,7 @@ export function TimeRangeControls({
 }: TimeRangeControlsProps) {
   const live = isLive(range);
   return (
-    <div className="flex items-stretch divide-x divide-border border-l border-border">
+    <div className="flex items-stretch border-l border-border">
       <DropdownMenu>
         <DropdownMenuTrigger
           aria-label="Time range"
@@ -75,6 +75,7 @@ export function TimeRangeControls({
           onClick={() => onLiveChange(!live)}
           className={cn(
             SEGMENT,
+            "border-l border-border",
             live ? "bg-info/10 text-info hover:bg-info/15" : "text-muted-foreground hover:text-foreground",
           )}
         >