From 88e4d302a2825719f00019cf32ce6c1d72e5c8cd Mon Sep 17 00:00:00 2001
From: tanjiro <56165694+NANDINI-star@users.noreply.github.com>
Date: Wed, 13 Aug 2025 09:23:23 +0900
Subject: [PATCH] Fix internal users table overflow (#12736)

* modify column name

* fix overflow

* remove height
---
 ui/litellm-dashboard/src/components/view_users.tsx         | 6 ++++--
 ui/litellm-dashboard/src/components/view_users/columns.tsx | 6 +++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/view_users.tsx b/ui/litellm-dashboard/src/components/view_users.tsx
index 39a5206fea3..0275454abd0 100644
--- a/ui/litellm-dashboard/src/components/view_users.tsx
+++ b/ui/litellm-dashboard/src/components/view_users.tsx
@@ -296,7 +296,7 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({ accessToken, toke
   )
 
   return (
-    <div className="w-full p-6">
+    <div className="w-full p-6 overflow-hidden">
       <div className="flex items-center justify-between mb-4">
         <div className="flex space-x-3">
           <CreateUser userID={userID} accessToken={accessToken} teams={teams} possibleUIRoles={possibleUIRoles} />
@@ -506,7 +506,7 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({ accessToken, toke
                   </div>
                 </div>
               </div>
-
+              <div className="overflow-auto">
               <UserDataTable
                 data={userListQuery.data?.users || []}
                 columns={tableColumns}
@@ -529,6 +529,8 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({ accessToken, toke
                 selectedUsers={selectedUsers}
                 onSelectionChange={handleSelectionChange}
               />
+              </div>
+              
             </div>
           </TabPanel>
 
diff --git a/ui/litellm-dashboard/src/components/view_users/columns.tsx b/ui/litellm-dashboard/src/components/view_users/columns.tsx
index 63dee940dc3..7e114ced6fb 100644
--- a/ui/litellm-dashboard/src/components/view_users/columns.tsx
+++ b/ui/litellm-dashboard/src/components/view_users/columns.tsx
@@ -33,7 +33,7 @@ export const columns = (
     ),
   },
   {
-    header: "User Email",
+    header: "Email",
     accessorKey: "user_email",
     cell: ({ row }) => (
       <span className="text-xs">{row.original.user_email || "-"}</span>
@@ -49,7 +49,7 @@ export const columns = (
     ),
   },
   {
-    header: "User Spend ($ USD)",
+    header: "Spend (USD)",
     accessorKey: "spend",
     cell: ({ row }) => (
       <span className="text-xs">
@@ -58,7 +58,7 @@ export const columns = (
     ),
   },
   {
-    header: "User Max Budget ($ USD)",
+    header: "Budget (USD)",
     accessorKey: "max_budget",
     cell: ({ row }) => (
       <span className="text-xs">