diff --git a/ui/litellm-dashboard/src/components/UsagePage/utils/value_formatters.tsx b/ui/litellm-dashboard/src/components/UsagePage/utils/value_formatters.tsx
index 4048c0f1c4a8..35cc5a43ffeb 100644
--- a/ui/litellm-dashboard/src/components/UsagePage/utils/value_formatters.tsx
+++ b/ui/litellm-dashboard/src/components/UsagePage/utils/value_formatters.tsx
@@ -1,6 +1,9 @@
 export function valueFormatter(number: number) {
-  if (number >= 1000000) {
-    return (number / 1000000).toFixed(2) + "M";
+  if (number >= 1_000_000_000) {
+    return (number / 1_000_000_000).toFixed(2) + "B";
+  }
+  if (number >= 1_000_000) {
+    return (number / 1_000_000).toFixed(2) + "M";
   }
   if (number >= 1000) {
     return number / 1000 + "k";
@@ -10,8 +13,11 @@ export function valueFormatter(number: number) {
 
 export function valueFormatterSpend(number: number) {
   if (number === 0) return "$0";
-  if (number >= 1000000) {
-    return "$" + number / 1000000 + "M";
+  if (number >= 1_000_000_000) {
+    return "$" + (number / 1_000_000_000).toFixed(2) + "B";
+  }
+  if (number >= 1_000_000) {
+    return "$" + (number / 1_000_000).toFixed(2) + "M";
   }
   if (number >= 1000) {
     return "$" + number / 1000 + "k";
diff --git a/ui/litellm-dashboard/src/components/activity_metrics.tsx b/ui/litellm-dashboard/src/components/activity_metrics.tsx
index e805eed8c8c3..7633010e76ff 100644
--- a/ui/litellm-dashboard/src/components/activity_metrics.tsx
+++ b/ui/litellm-dashboard/src/components/activity_metrics.tsx
@@ -297,6 +297,7 @@ export const ActivityMetrics: React.FC<ActivityMetricsProps> = ({ modelMetrics,
               valueFormatter={valueFormatter}
               customTooltip={CustomTooltip}
               showLegend={false}
+              yAxisWidth={80}
             />
           </Card>
           <Card>
@@ -313,9 +314,10 @@ export const ActivityMetrics: React.FC<ActivityMetricsProps> = ({ modelMetrics,
               index="date"
               categories={["metrics.successful_requests", "metrics.failed_requests"]}
               colors={["emerald", "red"]}
-              valueFormatter={(number: number) => number.toLocaleString()}
+              valueFormatter={valueFormatter}
               customTooltip={CustomTooltip}
               showLegend={false}
+              yAxisWidth={80}
             />
           </Card>
         </Grid>