diff --git a/ui/litellm-dashboard/.eslintrc.json b/ui/litellm-dashboard/.eslintrc.json
index 1b65a600453..a8fb65b91b0 100644
--- a/ui/litellm-dashboard/.eslintrc.json
+++ b/ui/litellm-dashboard/.eslintrc.json
@@ -181,7 +181,8 @@
         "src/components/EntityUsageExport/types.ts",
         "src/components/EntityUsageExport/UsageExportHeader.tsx",
         "src/components/EntityUsageExport/ExportSummary.tsx",
-        "src/components/UsagePage/components/EntityUsage/TopModelView.tsx"
+        "src/components/UsagePage/components/EntityUsage/TopModelView.tsx",
+        "src/components/UsagePage/components/KeyModelUsageView.tsx"
       ],
       "rules": {
         "litellm-ui/no-banned-ui-imports": "off",
diff --git a/ui/litellm-dashboard/src/components/UsagePage/components/KeyModelUsageView.tsx b/ui/litellm-dashboard/src/components/UsagePage/components/KeyModelUsageView.tsx
index 968525cfa7b..c026734c5b7 100644
--- a/ui/litellm-dashboard/src/components/UsagePage/components/KeyModelUsageView.tsx
+++ b/ui/litellm-dashboard/src/components/UsagePage/components/KeyModelUsageView.tsx
@@ -1,6 +1,6 @@
 import { formatNumberWithCommas } from "@/utils/dataUtils";
-// eslint-disable-next-line litellm-ui/no-banned-ui-imports
-import { BarChart, Card, Title } from "@tremor/react";
+import { BarChart } from "@tremor/react";
+import { Card } from "@/components/ui/card";
 import {
   Table,
   TableBody,
@@ -28,9 +28,9 @@ const KeyModelUsageView: React.FC<KeyModelUsageViewProps> = ({ topModels }) => {
   }
 
   return (
-    <Card className="mt-4">
+    <Card className="mt-4 p-6">
       <div className="flex justify-between items-center mb-3">
-        <Title>Model Usage</Title>
+        <h3 className="text-lg font-semibold">Model Usage</h3>
         <div className="flex space-x-2">
           <button
             type="button"