diff --git a/app/routes/events-team.tsx b/app/routes/events-team.tsx
index b3ffa10..927b06d 100644
--- a/app/routes/events-team.tsx
+++ b/app/routes/events-team.tsx
@@ -355,8 +355,9 @@ export default function () {
     const newDate = (
       document.getElementById("reschedule-input") as HTMLInputElement
     ).value;
+    const day = newDate.split("-").at(2);
     const rescheduleResp = await fetch(`/api/events-team/events/${eventId}`, {
-      body: JSON.stringify({ day: newDate.split("-").at(2) }),
+      body: JSON.stringify({ day }),
       headers: {
         "content-type": "application/json",
       },
@@ -379,6 +380,11 @@ export default function () {
       return;
     }
 
+    const newEventData = eventData;
+    newEventData[eventData.findIndex((e) => e.id === eventId)].day = day;
+
+    setEventData([...newEventData]);
+    setSelectedEvent("");
     onRescheduleClose();
     toast({
       description: `Event rescheduled to ${newDate}`,
@@ -527,7 +533,11 @@ export default function () {
           </ModalBody>
           <ModalFooter>
             <Button onClick={onRescheduleClose}>Cancel</Button>
-            <Button colorScheme="blue" ml="8px">
+            <Button
+              colorScheme="blue"
+              ml="8px"
+              onClick={async () => await reschedule(selectedEvent)}
+            >
               Reschedule
             </Button>
           </ModalFooter>