From f3b5a27c7abbaa21f55665ff1a49a29eb388d007 Mon Sep 17 00:00:00 2001
From: ishaan-jaff <ishaanjaffer0324@gmail.com>
Date: Mon, 12 Feb 2024 16:42:59 -0800
Subject: [PATCH] (feat) ui cleanup model dashboard

---
 .../src/components/model_dashboard.tsx              | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/model_dashboard.tsx b/ui/litellm-dashboard/src/components/model_dashboard.tsx
index a454399f09..a2673eb4e3 100644
--- a/ui/litellm-dashboard/src/components/model_dashboard.tsx
+++ b/ui/litellm-dashboard/src/components/model_dashboard.tsx
@@ -87,22 +87,21 @@ const ModelDashboard: React.FC<ModelDashboardProps> = ({
     <div style={{ width: "100%" }}>
     <Grid className="gap-2 p-10 h-[75vh] w-full">
       <Card>
-        <Title>Available Models</Title>
         <Table className="mt-5">
           <TableHead>
             <TableRow>
-              <TableCell>Model Name</TableCell>
-              <TableCell>Provider</TableCell>
-              <TableCell>Input Price per token ($)</TableCell>
-              <TableCell>Output Price per token ($)</TableCell>
-              <TableCell>Max Tokens</TableCell>
+              <TableCell><Title>Model Name </Title></TableCell>
+              <TableCell><Title>Provider</Title></TableCell>
+              <TableCell><Title>Input Price per token ($)</Title></TableCell>
+              <TableCell><Title>Output Price per token ($)</Title></TableCell>
+              <TableCell><Title>Max Tokens</Title></TableCell>
             </TableRow>
           </TableHead>
           <TableBody>
             {modelData.data.map((model: any) => (
               <TableRow key={model.model_name}>
 
-                <TableCell><p>{model.model_name}</p></TableCell>
+                <TableCell><Title>{model.model_name}</Title></TableCell>
                 <TableCell>{model.provider}</TableCell>
                 <TableCell>{model.input_cost}</TableCell>
                 <TableCell>{model.output_cost}</TableCell>