diff --git a/ui/litellm-dashboard/src/app/(dashboard)/cost-optimization/_components/CacheLeakageCard.tsx b/ui/litellm-dashboard/src/app/(dashboard)/cost-optimization/_components/CacheLeakageCard.tsx index 4f1cfc49569..bb2cb865877 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/cost-optimization/_components/CacheLeakageCard.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/cost-optimization/_components/CacheLeakageCard.tsx @@ -105,10 +105,9 @@ const CacheLeakageCard: React.FC = ({ activity }) => {
Cache leakage by {dimension === "model" ? "model" : "virtual key"} -

+

{subject} sending large volumes of uncached input with a low cache hit rate are likely missing prompt caching. Potential savings is approximate: uncached input priced at the realized cache-read discount. - {dimension === "model" ? " Limited to Anthropic (Claude) models, which support prompt caching." : ""}

@@ -118,7 +117,6 @@ const CacheLeakageCard: React.FC = ({ activity }) => { setDimension(value === "model" ? "model" : "key")} - className="mt-3" > By virtual key diff --git a/ui/litellm-dashboard/src/components/ui/card.tsx b/ui/litellm-dashboard/src/components/ui/card.tsx index 3fc0aa65264..1490c2ee908 100644 --- a/ui/litellm-dashboard/src/components/ui/card.tsx +++ b/ui/litellm-dashboard/src/components/ui/card.tsx @@ -9,7 +9,7 @@ const Card = React.forwardRefimg:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", + "group/card flex flex-col gap-(--card-spacing) rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground shadow-xs ring-1 ring-foreground/10 [--card-spacing:--spacing(6)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className, )} {...props}