From 1022425f308f6a3269b0e3a464855585f069f9f8 Mon Sep 17 00:00:00 2001
From: ryan <ryan@berri.ai>
Date: Thu, 23 Jul 2026 00:18:59 +0000
Subject: [PATCH] fix(ui): tighten team-name badge truncation width

Co-Authored-By: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 .../src/components/shared/copyable_badge.test.tsx               | 2 +-
 ui/litellm-dashboard/src/components/shared/copyable_badge.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/shared/copyable_badge.test.tsx b/ui/litellm-dashboard/src/components/shared/copyable_badge.test.tsx
index 908d6a88471..7be7ff6825f 100644
--- a/ui/litellm-dashboard/src/components/shared/copyable_badge.test.tsx
+++ b/ui/litellm-dashboard/src/components/shared/copyable_badge.test.tsx
@@ -33,7 +33,7 @@ describe("CopyableBadge", () => {
     renderBadge("app-aigateway-inference-producttech-product-default");
     const label = screen.getByText("app-aigateway-inference-producttech-product-default");
     expect(label.className).toContain("truncate");
-    expect(label.className).toContain("max-w-[220px]");
+    expect(label.className).toContain("max-w-[130px]");
   });
 
   it("reveals the full value and copies it from the hover tooltip", async () => {
diff --git a/ui/litellm-dashboard/src/components/shared/copyable_badge.tsx b/ui/litellm-dashboard/src/components/shared/copyable_badge.tsx
index b38d37d8b35..f4bff803588 100644
--- a/ui/litellm-dashboard/src/components/shared/copyable_badge.tsx
+++ b/ui/litellm-dashboard/src/components/shared/copyable_badge.tsx
@@ -16,7 +16,7 @@ interface CopyableBadgeProps {
 export function CopyableBadge({
   value,
   color = "red",
-  maxWidthClassName = "max-w-[220px]",
+  maxWidthClassName = "max-w-[130px]",
   dataTestId,
 }: CopyableBadgeProps) {
   return (