diff --git a/ui/litellm-dashboard/src/components/add_model/ClassificationMethodConfig.tsx b/ui/litellm-dashboard/src/components/add_model/ClassificationMethodConfig.tsx
index 2947e29319b..84f61c95eca 100644
--- a/ui/litellm-dashboard/src/components/add_model/ClassificationMethodConfig.tsx
+++ b/ui/litellm-dashboard/src/components/add_model/ClassificationMethodConfig.tsx
@@ -111,7 +111,7 @@ const HowClassificationWorks: React.FC<{ value: ComplexityRouterConfigValue }> =
How Classification Works
{scoringExplanation(value)}
{scorerRuns && ranges && (
-
+
-
{effectiveTierLabel("SIMPLE", value.tier_labels)}: Score < {ranges.simpleMedium}
diff --git a/ui/litellm-dashboard/src/components/add_model/ComplexityRouterConfig.test.tsx b/ui/litellm-dashboard/src/components/add_model/ComplexityRouterConfig.test.tsx
index 33ce1169c46..218c99e32c5 100644
--- a/ui/litellm-dashboard/src/components/add_model/ComplexityRouterConfig.test.tsx
+++ b/ui/litellm-dashboard/src/components/add_model/ComplexityRouterConfig.test.tsx
@@ -80,6 +80,15 @@ describe("ComplexityRouterConfig", () => {
expect(screen.getByText(/Score > 0.60/)).toBeInTheDocument();
});
+ it("leaves the score threshold list color to the theme instead of an inline style", () => {
+ renderWithProviders();
+ fireEvent.click(screen.getByText("Advanced: Classification Method"));
+ const list = screen.getByText(/Score < 0.15/).closest("ul");
+ expect(list).toBeInTheDocument();
+ expect(list).toHaveClass("text-muted-foreground");
+ expect(list?.style.color).toBe("");
+ });
+
it("should default to heuristic and hide classifier model/timeout fields", () => {
renderWithProviders();
expect(screen.getByText("Advanced: Classification Method")).toBeInTheDocument();