From 12c6dde1c3320054307911487f76a42ec46eaa08 Mon Sep 17 00:00:00 2001
From: Cesar Garcia <128240629+Chesars@users.noreply.github.com>
Date: Wed, 21 Jan 2026 00:47:52 -0300
Subject: [PATCH] fix(ui): increase model selector width in playground for
 larger screens (#19423)

Make the model/agent selector responsive with wider widths on tablet (256px) and desktop (288px) for better usability.
---
 .../playground/compareUI/components/UnifiedSelector.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/litellm-dashboard/src/components/playground/compareUI/components/UnifiedSelector.tsx b/ui/litellm-dashboard/src/components/playground/compareUI/components/UnifiedSelector.tsx
index c531eed3737..9d4af25067b 100644
--- a/ui/litellm-dashboard/src/components/playground/compareUI/components/UnifiedSelector.tsx
+++ b/ui/litellm-dashboard/src/components/playground/compareUI/components/UnifiedSelector.tsx
@@ -32,7 +32,7 @@ export function UnifiedSelector({
         (option?.label ?? "").toLowerCase().includes(input.toLowerCase())
       }
       options={options}
-      className="w-48"
+      className="w-48 md:w-64 lg:w-72"
       notFoundContent={
         loading ? (
           <div className="flex items-center justify-center py-2">