diff --git a/pkgs/ui/src/app/templates/[id]/page.tsx b/pkgs/ui/src/app/templates/[id]/page.tsx
index ae7ad4ab..bfdbfa03 100644
--- a/pkgs/ui/src/app/templates/[id]/page.tsx
+++ b/pkgs/ui/src/app/templates/[id]/page.tsx
@@ -46,7 +46,7 @@ function getTemplate(params: { id: string }) {
 interface TemplateDetailProps {
   params: { id: string };
 }
-export function TemplateDetail({ params }: TemplateDetailProps) {
+export default function TemplateDetail({ params }: TemplateDetailProps) {
   const { data, isLoading } = useListMachines();
   console.log({ data, isLoading });
   const details = getTemplate(params);
diff --git a/pkgs/ui/src/components/table/nodeRow.tsx b/pkgs/ui/src/components/table/nodeRow.tsx
index fdc08acf..b36e0ca8 100644
--- a/pkgs/ui/src/components/table/nodeRow.tsx
+++ b/pkgs/ui/src/components/table/nodeRow.tsx
@@ -108,7 +108,7 @@ export function NodeRow(props: {
         <TableCell
           component="th"
           scope="row"
-          onClick={(event) => handleClick(event, row.id)}
+          onClick={(event) => handleClick(event, row.name)}
         >
           <Stack>
             <Typography component="div" align="left" variant="body1">
@@ -120,7 +120,7 @@ export function NodeRow(props: {
               align="left"
               variant="body2"
             >
-              {row.id}
+              {row.name}
             </Typography>
           </Stack>
         </TableCell>