2 files changed, 10 insertions, 0 deletions
diff --git a/client/src/components/SubmitButton/SubmitButton.jsx b/client/src/components/SubmitButton/SubmitButton.jsx
index ed796d9..df1269f 100644
--- a/client/src/components/SubmitButton/SubmitButton.jsx
+++ b/client/src/components/SubmitButton/SubmitButton.jsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import styles from './SubmitButton.module.css'
+import { Typography } from '@mui/material'
 
 const SubmitButton = ({ onClick, onChange, disabled }) => {
   return (
@@ -11,11 +12,14 @@ const SubmitButton = ({ onClick, onChange, disabled }) => {
         onChange={onChange}
         disabled={disabled}
       >
+        <div className={styles.submit__content}>
+        <Typography sx={{ fontSize: '1.5rem', fontWeight: 'bolder', margin: '10px', color: '#323c7a' }}>Save & Next</Typography>
         <img
           className={styles.submit__image}
           src={`${process.env.PUBLIC_URL}/assets/images/next_icon.svg`}
           alt=""
         />
+        </div>
       </button>
     </>
   )
diff --git a/client/src/components/SubmitButton/SubmitButton.module.css b/client/src/components/SubmitButton/SubmitButton.module.css
index bb1b015..0105bbf 100644
--- a/client/src/components/SubmitButton/SubmitButton.module.css
+++ b/client/src/components/SubmitButton/SubmitButton.module.css
@@ -18,3 +18,9 @@
   height: 75px;
   width: 75px;
 }
+
+.submit__content {
+  display:flex;
+  justify-content: center;
+  align-items: center;
+}
+\ No newline at end of file