diff --git a/ui/src/fetch/index.ts b/ui/src/fetch/index.ts
index 2ee0e32..d7ca1d2 100644
--- a/ui/src/fetch/index.ts
+++ b/ui/src/fetch/index.ts
@@ -106,7 +106,7 @@ export interface RuleUsage {
 export interface DashboardUsage {
     id: string;
     serie: string;
-    name: string;
+    title: string;
     url: string;
 }
 
diff --git a/ui/src/pages/metrics/detail.tsx b/ui/src/pages/metrics/detail.tsx
index 893652e..7d4236c 100644
--- a/ui/src/pages/metrics/detail.tsx
+++ b/ui/src/pages/metrics/detail.tsx
@@ -277,16 +277,15 @@ const DashboardTable: React.FC<DashboardTableProps> = ({ dashboards, currentPage
             <Table>
                 <TableHeader>
                     <TableRow>
-                        <TableHead className="w-2/5 bg-muted" >Name</TableHead>
+                        <TableHead className="bg-muted">Name</TableHead>
                     </TableRow>
                 </TableHeader>
                 <TableBody>
                     {dashboards?.data?.map((dashboard, index) => (
                         <TableRow key={index}>
-                            <TableCell>{dashboard.id}</TableCell>
                             <TableCell>
-                                <Link to={dashboard.url} target='_blank' className="text-primary">
-                                    {dashboard.name}
+                                <Link to={dashboard.url} target='_blank' className="text-blue-500 underline">
+                                    {dashboard.title}
                                 </Link>
                             </TableCell>
                         </TableRow>