From 657ca3b81a0f61cdf57f69dd4da76030aa7844fc Mon Sep 17 00:00:00 2001
From: tanjiro <56165694+NANDINI-star@users.noreply.github.com>
Date: Sun, 20 Jul 2025 01:40:40 +0900
Subject: [PATCH] Fix Y-axis labels overlap on Spend per Tag  (#12754)

* fix spend per tag bar chart labels

* remove console.log
---
 ui/litellm-dashboard/src/components/entity_usage.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/entity_usage.tsx b/ui/litellm-dashboard/src/components/entity_usage.tsx
index 9f5ec20282e..bd12bb256b5 100644
--- a/ui/litellm-dashboard/src/components/entity_usage.tsx
+++ b/ui/litellm-dashboard/src/components/entity_usage.tsx
@@ -514,8 +514,8 @@ const EntityUsage: React.FC<EntityUsageProps> = ({
                       <Col numColSpan={1}>
                         <BarChart
                           className="mt-4 h-52"
-                          data={getEntityBreakdown()}
-                          index="metadata.alias"
+                          data={getProcessedEntityBreakdownForChart()}
+                          index="metadata.alias_display"
                           categories={["metrics.spend"]}
                           colors={["cyan"]}
                           valueFormatter={valueFormatterSpend}
@@ -633,7 +633,7 @@ const EntityUsage: React.FC<EntityUsageProps> = ({
                   <BarChart
                     className="mt-4 h-40"
                     data={getTopModels()}
-                    index="key"
+                    index="display_key"
                     categories={["spend"]}
                     colors={["cyan"]}
                     valueFormatter={(value) =>