diff --git a/ui/litellm-dashboard/src/components/view_key_spend_report.tsx b/ui/litellm-dashboard/src/components/view_key_spend_report.tsx
index f0916ec0176..6741db2a95c 100644
--- a/ui/litellm-dashboard/src/components/view_key_spend_report.tsx
+++ b/ui/litellm-dashboard/src/components/view_key_spend_report.tsx
@@ -106,7 +106,7 @@ const ViewKeySpendReport: React.FC<ViewKeySpendReportProps> = ({
   return (
     <div>
       <Button size = "xs" onClick={showModal} variant="secondary">
-        View Spend Report
+        Spend Report
       </Button>
       <Modal
         visible={isModalVisible}
diff --git a/ui/litellm-dashboard/src/components/view_key_table.tsx b/ui/litellm-dashboard/src/components/view_key_table.tsx
index 7f36511e9ba..d987e3462ea 100644
--- a/ui/litellm-dashboard/src/components/view_key_table.tsx
+++ b/ui/litellm-dashboard/src/components/view_key_table.tsx
@@ -103,27 +103,35 @@ const ViewKeyTable: React.FC<ViewKeyTableProps> = ({
             }
             return (
               <TableRow key={item.token}>
-                <TableCell>
+                <TableCell style={{ maxWidth: "2px", whiteSpace: "pre-wrap", overflow: "hidden"  }}>
                   {item.key_alias != null ? (
                     <Text>{item.key_alias}</Text>
                   ) : (
                     <Text>Not Set</Text>
                   )}
                 </TableCell>
-                <TableCell>
+                <TableCell style={{ maxWidth: "2px", whiteSpace: "pre-wrap", overflow: "hidden"  }}>
                   <Text>{item.key_name}</Text>
                 </TableCell>
-                <TableCell>
-                  <Text>{item.spend}</Text>
+                <TableCell style={{ maxWidth: "2px", whiteSpace: "pre-wrap", overflow: "hidden"  }}>
+                  <Text>
+                    {(() => {
+                      try {
+                        return parseFloat(item.spend).toFixed(4);
+                      } catch (error) {
+                        return item.spend;
+                      }
+                    })()}
+                  </Text>
                 </TableCell>
-                <TableCell>
+                <TableCell style={{ maxWidth: "2px", whiteSpace: "pre-wrap", overflow: "hidden"  }}>
                   {item.max_budget != null ? (
                     <Text>{item.max_budget}</Text>
                   ) : (
                     <Text>Unlimited Budget</Text>
                   )}
                 </TableCell>
-                <TableCell>
+                <TableCell style={{ maxWidth: '2px' }}>
                   <ViewKeySpendReport
                     token={item.token}
                     accessToken={accessToken}
@@ -132,30 +140,31 @@ const ViewKeyTable: React.FC<ViewKeyTableProps> = ({
                     keyName={item.key_name}
                   />
                 </TableCell>
-                <TableCell>
+                <TableCell style={{ maxWidth: "4px", whiteSpace: "pre-wrap", overflow: "hidden"  }}>
                   <Text>{item.team_id}</Text>
                 </TableCell>
-                <TableCell>
-                  <Text>{JSON.stringify(item.metadata)}</Text>
+                <TableCell style={{ maxWidth: "4px", whiteSpace: "pre-wrap", overflow: "hidden"  }}>
+                  <Text>{JSON.stringify(item.metadata).slice(0, 400)}</Text>
+                  
                 </TableCell>
-                <TableCell>
+                <TableCell style={{ maxWidth: "4px", whiteSpace: "pre-wrap", overflow: "hidden"  }}>
                   <Text>{JSON.stringify(item.models)}</Text>
                 </TableCell>
-                <TableCell>
+                <TableCell style={{ maxWidth: "2px", overflowWrap: "break-word" }}>
                   <Text>
                     TPM Limit: {item.tpm_limit ? item.tpm_limit : "Unlimited"}{" "}
                     <br></br> RPM Limit:{" "}
                     {item.rpm_limit ? item.rpm_limit : "Unlimited"}
                   </Text>
                 </TableCell>
-                <TableCell>
+                <TableCell style={{ maxWidth: "2px", wordWrap: "break-word" }}>
                   {item.expires != null ? (
                     <Text>{item.expires}</Text>
                   ) : (
-                    <Text>Never expires</Text>
+                    <Text>Never</Text>
                   )}
                 </TableCell>
-                <TableCell>
+                <TableCell style={{ maxWidth: "2px", wordWrap: "break-word" }}>
                   <Icon
                     onClick={() => handleDelete(item.token)}
                     icon={TrashIcon}