Estoy construyendo un formulario usando formik y material-ui. todo funciona bien tengo un problema con el estilo, mi formulario no usa el espacio horizontal completo. aquí está mi código:

y una vista de lo que se renderiza:

 <Grid container direction="row" justifyContent="space-evenly" alignItems="center"> <Grid item xs={12}> <ContentHeader name='Add Driver' style = {toolbarStyle} /> </Grid> <Grid item xs={12}> <Container maxWidth='md'> <div className={classes.formWrapper}> <Formik initialValues={{ ...INITIAL_FORM_STATE }} validationSchema={FORM_VALIDATION} onSubmit={(values) => { console.log(values); }} > <Form> <Grid container spacing={4}> <Grid item xs={12}> <Typography>Driver details</Typography> </Grid> <Grid item xs={4}> <UITextfield name='firstName' label='First Name' /> </Grid> <Grid item xs={4}> <UITextfield name='lastName' label='Last Name' /> </Grid> <Grid item xs={4}> <UITextfield name='email' label='Email' /> </Grid>

el estilo:

 import { makeStyles } from '@material-ui/core/styles'; const useStyles = makeStyles((theme) => ({ formWrapper: { marginTop: theme.spacing(5), marginBottom: theme.spacing(8) } })); const toolbarStyle = { backgroundColor: "#ffca28" }

la vista el espacio a la derecha y a la izquierda es el problema THx por la ayuda