diff --git a/app/routes/inactivities.tsx b/app/routes/inactivities.tsx
index b514ce9..539842c 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,11 @@ export default function () {
                 <Td>{row.user.id}</Td>
                 <Td>{row.start}</Td>
                 <Td>{row.end}</Td>
-                <Link onClick={async () => await getInactivity(row.id)}>
-                  View More
-                </Link>
+                <Td>
+                  <Button onClick={async () => await getInactivity(row.id)}>
+                    View More
+                  </Button>
+                </Td>
               </Tr>
             ))}
           </Tbody>