It appears I forgot to remove that

components/AppealCard.tsx

@@ -17,13 +17,13 @@ import {
   Text,
   Textarea,
   useDisclosure,
-  useToast
+  useToast,
 } from "@chakra-ui/react";
 import { useEffect, useState } from "react";
 
-export default function(props: AppealCardProps & { port?: MessagePort }) {
+export default function (props: AppealCardProps & { port?: MessagePort }) {
   const [dateString, setDateString] = useState(
-    new Date(props.created_at).toUTCString()
+    new Date(props.created_at).toUTCString(),
   );
   const [action, setAction] = useState("");
   const [feedback, setFeedback] = useState("");
@@ -46,9 +46,9 @@ export default function(props: AppealCardProps & { port?: MessagePort }) {
     const actionReq = await fetch(`/api/appeals/${props.id}/${action}`, {
       body: feedback ? JSON.stringify({ feedback }) : "{}",
       headers: {
-        "content-type": "application/json"
+        "content-type": "application/json",
       },
-      method: "POST"
+      method: "POST",
     });
 
     if (actionReq.ok) {
@@ -57,10 +57,8 @@ export default function(props: AppealCardProps & { port?: MessagePort }) {
         description: `Appeal ${action === "accept" ? "accepted" : "denied"}`,
         duration: 5000,
         status: "success",
-        title: "Success"
+        title: "Success",
       });
-
-      document.getElementById(`appeal_${props.id}`)?.remove();
     } else {
       let error;
 
@@ -74,7 +72,7 @@ export default function(props: AppealCardProps & { port?: MessagePort }) {
         description: error,
         duration: 10000,
         status: "error",
-        title: "Oops!"
+        title: "Oops!",
       });
     }