diff --git a/client/src/components/manageProjects/editPMs/buttonGroup.jsx b/client/src/components/manageProjects/editPMs/buttonGroup.jsx
index 29727dbd3..9ee7980d8 100644
--- a/client/src/components/manageProjects/editPMs/buttonGroup.jsx
+++ b/client/src/components/manageProjects/editPMs/buttonGroup.jsx
@@ -1,27 +1,24 @@
-import { CircularProgress, Grid } from "@mui/material";
-import { StyledButton } from '../../ProjectForm';
+import { CircularProgress, Grid, Button } from "@mui/material";
 
 const ButtonGroup = ({ btnName1, btnName2, callBackFn1, callBackFn2, isLoading }) => (
   <Grid container justifyContent="space-evenly" sx={{ my: 3 }}>
     <Grid item xs="auto">
-      <StyledButton
-        sx="large"
-        cursor="pointer"
+      <Button
+        sx={{ width: '150px', cursor: 'pointer' }}
         variant="contained"
         onClick={(btn) => callBackFn1(btn)}
       >
         {isLoading ? <CircularProgress /> : `${btnName1}`}
-      </StyledButton>
+      </Button>
     </Grid>
     <Grid item xs="auto">
-      <StyledButton
-        sx="large"
-        cursor="pointer"
+      <Button
+        sx={{ width: '150px', cursor: 'pointer' }}
         variant="contained"
         onClick={callBackFn2}
       >
         {btnName2}
-      </StyledButton>
+      </Button>
     </Grid>
   </Grid>
 );
diff --git a/client/src/pages/ManageProjects.jsx b/client/src/pages/ManageProjects.jsx
index 75f4512bd..17cec22ee 100644
--- a/client/src/pages/ManageProjects.jsx
+++ b/client/src/pages/ManageProjects.jsx
@@ -17,7 +17,6 @@ const PAGES = Object.freeze({
 
 // Added styles for MUI components
 const loadingStyle = {
-  "display": "none",
   "position": "absolute",
   "display": "flex",
   "flexDirection": "row",