From 5d89be551bbed49c493f2a1cea0bddf4ea8e468b Mon Sep 17 00:00:00 2001
From: Thibault Serot <thibault@linktr.ee>
Date: Wed, 8 Jul 2026 17:06:38 +1000
Subject: [PATCH] fix(ui): fit session sort toggle inside sidebar column

---
 .../LogDetailsDrawer/LogDetailsDrawer.tsx     | 23 +++++++++----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/view_logs/LogDetailsDrawer/LogDetailsDrawer.tsx b/ui/litellm-dashboard/src/components/view_logs/LogDetailsDrawer/LogDetailsDrawer.tsx
index 79592216942..92cf90fad63 100644
--- a/ui/litellm-dashboard/src/components/view_logs/LogDetailsDrawer/LogDetailsDrawer.tsx
+++ b/ui/litellm-dashboard/src/components/view_logs/LogDetailsDrawer/LogDetailsDrawer.tsx
@@ -387,18 +387,17 @@ export function LogDetailsDrawer({
                 </div>
               )}
               {isSessionMode && (
-                <div className="mt-1.5 flex items-center gap-1.5">
-                  <span className="text-[10px] uppercase tracking-wide text-slate-500">Sort by</span>
-                  <Segmented
-                    size="small"
-                    options={[
-                      { label: "Duration", value: "duration" },
-                      { label: "Start time", value: "start_time" },
-                    ]}
-                    value={sessionSortMode}
-                    onChange={(value) => setSessionSortMode(value as SessionLogSortMode)}
-                  />
-                </div>
+                <Segmented
+                  block
+                  size="small"
+                  className="mt-1.5 [&_.ant-segmented-item-label]:text-[11px]"
+                  options={[
+                    { label: "Duration", value: "duration" },
+                    { label: "Start time", value: "start_time" },
+                  ]}
+                  value={sessionSortMode}
+                  onChange={(value) => setSessionSortMode(value as SessionLogSortMode)}
+                />
               )}
             </div>