fine tunning

src/components/Login.tsx

@@ -80,7 +80,7 @@ export default function Login(props: LoginProps) {
                         />
 
                         <SubmitButton
-                            sx={{ mb: 4 }}
+                            sx={{ mt: 2 }}
                             buttonText={constants.LOGIN}
                             loading={waiting}
                         />

src/components/SetPasswordForm.tsx

@@ -86,6 +86,7 @@ function SetPasswordForm(props: Props) {
                     </Typography>
 
                     <SubmitButton
+                        sx={{ mb: 2 }}
                         loading={loading}
                         buttonText={props.buttonText}
                     />

src/components/SingleInputForm.tsx

@@ -76,11 +76,10 @@ export default function SingleInputForm(props: Props) {
                     />
 
                     <SubmitButton
+                        sx={{ mt: 2 }}
                         buttonText={props.buttonText}
                         loading={loading}
                     />
-
-                    <br />
                 </form>
             )}
         </Formik>

src/components/SubmitButton.tsx

@@ -23,7 +23,7 @@ const SubmitButton: FC<ButtonProps<'button', Props>> = ({
             type="submit"
             fullWidth={!inline}
             disabled={loading || disabled}
-            sx={{ my: 2, ...sx }}
+            sx={{ my: 4, ...sx }}
             {...props}>
             {loading ? <CircularProgress size={25} /> : buttonText}
         </Button>

src/pages/credentials/index.tsx

@@ -21,6 +21,7 @@ import FormPaper from 'components/Form/FormPaper';
 import FormPaperTitle from 'components/Form/FormPaper/Title';
 import FormPaperFooter from 'components/Form/FormPaper/Footer';
 import LinkButton from 'components/pages/gallery/LinkButton';
+import Divider from '@mui/material/Divider';
 
 export default function Credentials() {
     const router = useRouter();
@@ -108,12 +109,13 @@ export default function Credentials() {
                     buttonText={constants.VERIFY_PASSPHRASE}
                     fieldType="password"
                 />
+                <Divider />
                 <FormPaperFooter style={{ justifyContent: 'space-between' }}>
                     <LinkButton onClick={redirectToRecoverPage}>
                         {constants.FORGOT_PASSWORD}
                     </LinkButton>
                     <LinkButton onClick={logoutUser}>
-                        {constants.GO_BACK}
+                        {constants.CHANGE_EMAIL}
                     </LinkButton>
                 </FormPaperFooter>
             </FormPaper>

src/pages/verify/index.tsx

@@ -163,7 +163,7 @@ export default function Verify() {
                             />
 
                             <SubmitButton
-                                sx={{ mb: 4 }}
+                                sx={{ mt: 2 }}
                                 buttonText={constants.VERIFY}
                                 loading={loading}
                             />