diff --git a/app/routes/inactivities.tsx b/app/routes/inactivities.tsx
index 31d60f4..400a87c 100644
--- a/app/routes/inactivities.tsx
+++ b/app/routes/inactivities.tsx
@@ -13,12 +13,12 @@ import {
   TableCaption,
   TableContainer,
   Tbody,
-  Td,
+  Td, Th,
   Thead,
   Tr,
   UnorderedList,
   useDisclosure,
-  useToast,
+  useToast
 } from "@chakra-ui/react";
 import { useLoaderData } from "@remix-run/react";
 import { useState } from "react";
@@ -161,11 +161,11 @@ export default function () {
             All recent inactivity notices (current and last 30 days)
           </TableCaption>
           <Thead>
-            <Tr>Name</Tr>
-            <Tr>User ID</Tr>
-            <Tr>Start Date</Tr>
-            <Tr>End Date</Tr>
-            <Tr>View More</Tr>
+            <Th>Name</Th>
+            <Th>User ID</Th>
+            <Th>Start Date</Th>
+            <Th>End Date</Th>
+            <Th>View More</Th>
           </Thead>
           <Tbody>
             {data.map((row) => (