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 (