diff --git a/client/src/components/manageProjects/editPMs/buttonGroup.jsx b/client/src/components/manageProjects/editPMs/buttonGroup.jsx
index 29727dbd3..f9d7bcb51 100644
--- a/client/src/components/manageProjects/editPMs/buttonGroup.jsx
+++ b/client/src/components/manageProjects/editPMs/buttonGroup.jsx
@@ -1,29 +1,34 @@
-import { CircularProgress, Grid } from "@mui/material";
-import { StyledButton } from '../../ProjectForm';
+import { CircularProgress, Grid, Button } from '@mui/material';
 
-const ButtonGroup = ({ btnName1, btnName2, callBackFn1, callBackFn2, isLoading }) => (
+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
+        size="large"
         variant="contained"
+        sx={{ width: '150px', cursor: 'pointer' }}
         onClick={(btn) => callBackFn1(btn)}
       >
         {isLoading ? <CircularProgress /> : `${btnName1}`}
-      </StyledButton>
+      </Button>
     </Grid>
     <Grid item xs="auto">
-      <StyledButton
-        sx="large"
-        cursor="pointer"
+      <Button
+        size="large"
         variant="contained"
+        sx={{ width: '150px', cursor: 'pointer' }}
         onClick={callBackFn2}
       >
         {btnName2}
-      </StyledButton>
+      </Button>
     </Grid>
   </Grid>
 );
 
-export default ButtonGroup
\ No newline at end of file
+export default ButtonGroup;