Боевой интерфейс реагирует js как выровнять элемент сетки по центру

Question

как я могу выровнять центр этого поля ввода в моей форме. с помощью material-ui для создания этого поля все мои поля в настоящее время выровнены по левому краю формы.

 <GridItem xs={2}>
        <CustomInput
          labelText="Children Count"
          formControlProps={{
            fullWidth: true,
          }}
          inputProps={{
            type: 'text',
            ...formik.getFieldProps(
              'family.relationCountsConfig.childrenCount',
            ),
            error:
              get(
                touched,
                'family.relationCountsConfig.childrenCount',
                '',
              ) &&
              get(errors, 'family.relationCountsConfig.childrenCount', ''),
          }}
        />