diff --git a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.test.tsx b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.test.tsx index 4dc45b9f825..bc29b40dbe5 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.test.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.test.tsx @@ -358,6 +358,30 @@ describe("AllModelsTable", () => { expect(onTeamChange).toHaveBeenCalledWith("team-1"); }); + it("truncates long team options instead of clipping them at the popup edge", async () => { + const user = userEvent.setup(); + const longLabel = "db29687d-0ca2-4bbe-a0f1-9c5f0f7c2a11"; + render( + , + ); + + await user.click(screen.getByTestId("models-team-select")); + + const option = await screen.findByRole("option", { name: longLabel }); + const label = option.querySelector("[data-slot='select-item-label']"); + + expect(label).not.toBeNull(); + expect(label).toHaveClass("truncate"); + expect(label).toHaveAttribute("title", longLabel); + expect(option).toHaveClass("[&>div]:min-w-0"); + }); + it("runs the full reset from the filter drawer", async () => { const user = userEvent.setup(); const onResetFilters = vi.fn(); diff --git a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.tsx b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.tsx index d073519d162..b42a92d9283 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/AllModelsTable.tsx @@ -224,8 +224,15 @@ export function AllModelsTable({ {teamOptions.map((option) => ( - - {option.label} + + + {option.label} + ))}