diff --git a/app/routes/inactivities.tsx b/app/routes/inactivities.tsx
index b4ea065..b514ce9 100644
--- a/app/routes/inactivities.tsx
+++ b/app/routes/inactivities.tsx
@@ -1,7 +1,7 @@
 import {
-  Button,
   Container,
   Heading,
+  Link,
   ListItem,
   Modal,
   ModalBody,
@@ -177,9 +177,9 @@ export default function () {
                 <Td>{row.user.id}</Td>
                 <Td>{row.start}</Td>
                 <Td>{row.end}</Td>
-                <Button onClick={async () => await getInactivity(row.id)}>
+                <Link onClick={async () => await getInactivity(row.id)}>
                   View More
-                </Button>
+                </Link>
               </Tr>
             ))}
           </Tbody>