diff --git a/ui/litellm-dashboard/src/components/usage.tsx b/ui/litellm-dashboard/src/components/usage.tsx
index 73658746b..8ca55c4cc 100644
--- a/ui/litellm-dashboard/src/components/usage.tsx
+++ b/ui/litellm-dashboard/src/components/usage.tsx
@@ -1,6 +1,8 @@
 import { BarChart, BarList, Card, Title } from "@tremor/react";
 
 import React, { useState, useEffect } from "react";
+
+import ViewUserSpend from "./view_user_spend";
 import { Grid, Col, Text, LineChart, TabPanel, TabPanels, TabGroup, TabList, Tab } from "@tremor/react";
 import {
   userSpendLogsCall,
@@ -263,6 +265,12 @@ const UsagePage: React.FC<UsagePageProps> = ({
 
   return (
     <div style={{ width: "100%" }} className="p-8">
+      <ViewUserSpend
+            userID={userID}
+            userSpendData={[]}
+            userRole={userRole}
+            accessToken={accessToken}
+          />
       <TabGroup>
         <TabList className="mt-2">
           <Tab>All Up</Tab>