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}
+
))}