diff --git a/app/routes/inactivities.tsx b/app/routes/inactivities.tsx
index 539842c..8926ddc 100644
--- a/app/routes/inactivities.tsx
+++ b/app/routes/inactivities.tsx
@@ -123,29 +123,29 @@ export default function () {
           <ModalHeader>Inactivity Details</ModalHeader>
           <ModalCloseButton />
           <ModalBody>
-            <UnorderedList>
-              <ListItem>Username: ${currentInactivity.user?.username}</ListItem>
-              <ListItem>User ID: ${currentInactivity.user?.id}</ListItem>
-              <ListItem>Start Date: ${currentInactivity.start}</ListItem>
-              <ListItem>End Date: ${currentInactivity.end}</ListItem>
+            <UnorderedList spacing={2}>
+              <ListItem>Username: {currentInactivity.user?.username}</ListItem>
+              <ListItem>User ID: {currentInactivity.user?.id}</ListItem>
+              <ListItem>Start Date: {currentInactivity.start}</ListItem>
+              <ListItem>End Date: {currentInactivity.end}</ListItem>
               <ListItem>
-                Is Hiatus: ${currentInactivity.hiatus ? "Yes" : "No"}
+                Is Hiatus: {currentInactivity.hiatus ? "Yes" : "No"}
               </ListItem>
               <ListItem>Reason: ${currentInactivity.reason}</ListItem>
               <ListItem>
                 Decisions:
                 <br />
-                Approved: $
+                Approved:
                 {Object.keys(currentInactivity.decisions ?? {}).filter(
                   (d) => currentInactivity.decisions[d],
                 )}
                 <br />
-                Denied: $
+                Denied:
                 {Object.keys(currentInactivity.decisions ?? {}).filter(
                   (d) => !currentInactivity.decisions[d],
                 )}
                 <br />
-                Pending: $
+                Pending:
                 {currentInactivity.departments?.filter(
                   (d: "DM" | "ET" | "FM" | "WM") =>
                     typeof currentInactivity.decisions[d] === "undefined",