update the submit button margin

src/components/Login.tsx

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

src/components/SubmitButton.tsx

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

src/pages/verify/index.tsx

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