diff --git a/client/src/components/manageProjects/editableMeeting.jsx b/client/src/components/manageProjects/editableMeeting.jsx
index 9e7f8bd64..5a29945b2 100644
--- a/client/src/components/manageProjects/editableMeeting.jsx
+++ b/client/src/components/manageProjects/editableMeeting.jsx
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import EventForm from './eventForm';
+import { Box, Button } from '@mui/material';
 import '../../sass/ManageProjects.scss';
 
 const EditableMeeting = ({
@@ -49,8 +50,8 @@ const EditableMeeting = ({
       formValues={formValues}
       formErrors={formErrors}
     >
-      <div>
-        <button
+      <Box>
+        <Button
           type="button"
           className="create-form-button"
           onClick={handleEventUpdate(
@@ -61,22 +62,22 @@ const EditableMeeting = ({
           )}
         >
           UPDATE
-        </button>
-        <button
+        </Button>
+        <Button
           type="button"
           className="create-form-button"
           onClick={handleResetEvent(eventId)}
         >
           RESET
-        </button>
-        <button
+        </Button>
+        <Button
           type="button"
           className="create-form-button"
           onClick={handleEventDelete(eventId)}
         >
           DELETE
-        </button>
-      </div>
+        </Button>
+      </Box>
     </EventForm>
   );
 };