diff --git a/{{cookiecutter.project_slug}}/frontend/src/views/Login.tsx b/{{cookiecutter.project_slug}}/frontend/src/views/Login.tsx
index 26298c8a..6821bc56 100644
--- a/{{cookiecutter.project_slug}}/frontend/src/views/Login.tsx
+++ b/{{cookiecutter.project_slug}}/frontend/src/views/Login.tsx
@@ -106,7 +106,7 @@ export const Login: FC = () => {
             </Grid>
           )}
         </Grid>
-        <Grid container alignItems="center" justify="space-between">
+        <Grid container alignItems="center" justifyContent="space-between">
           <Grid item>
             <FormControlLabel
               control={<Checkbox color="primary" />}
@@ -125,7 +125,7 @@ export const Login: FC = () => {
             </Button>
           </Grid>
         </Grid>
-        <Grid container justify="center" className={classes.marginTop}>
+        <Grid container justifyContent="center" className={classes.marginTop}>
           {' '}
           <Button
             variant="outlined"
diff --git a/{{cookiecutter.project_slug}}/frontend/src/views/SignUp.tsx b/{{cookiecutter.project_slug}}/frontend/src/views/SignUp.tsx
index 0ede11ee..40096927 100644
--- a/{{cookiecutter.project_slug}}/frontend/src/views/SignUp.tsx
+++ b/{{cookiecutter.project_slug}}/frontend/src/views/SignUp.tsx
@@ -122,7 +122,7 @@ export const SignUp: FC = () => {
             </Grid>
           )}
         </Grid>
-        <Grid container justify="center" className={classes.marginTop}>
+        <Grid container justifyContent="center" className={classes.marginTop}>
           <Button
             variant="outlined"
             color="primary"