Merge pull request #20 from Blaster4385/develop

Fix Stuff

2 files changed, 15 insertions, 5 deletions

diff --git a/client/src/components/BackButton/BackButton.jsx b/client/src/components/BackButton/BackButton.jsx
index ff99eb6..fdb85f1 100644
--- a/client/src/components/BackButton/BackButton.jsx
+++ b/client/src/components/BackButton/BackButton.jsx
@@ -1,3 +1,4 @@
+import { Typography } from '@mui/material'
 import React from 'react'
 import styles from './BackButton.module.css'
 
@@ -10,11 +11,14 @@ const BackButton = ({ onClick, onChange }) => {
         type="submit"
         onChange={onChange}
       >
-        <img
-          className={styles.submit__image}
-          src={`${process.env.PUBLIC_URL}/assets/images/back.svg`}
-          alt=""
-        />
+        <div className={styles.submit__content}>
+          <img
+            className={styles.submit__image}
+            src={`${process.env.PUBLIC_URL}/assets/images/back.svg`}
+            alt=""
+          />
+          <Typography sx={{ fontSize: '1.5rem', fontWeight: 'bolder', margin: '10px', color: '#323c7a' }}>Back</Typography>
+        </div>
       </button>
     </>
   )
diff --git a/client/src/components/BackButton/BackButton.module.css b/client/src/components/BackButton/BackButton.module.css
index cc9b51c..40b6fcc 100644
--- a/client/src/components/BackButton/BackButton.module.css
+++ b/client/src/components/BackButton/BackButton.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