Установка ширины контейнера для Material-UI для React.js

Question

Я недавно начал с React.js вместе с material-ui библиотекой. Мне известна система Grid для макетов, которую использует material-ui. Однако, в отличие от Bootstrap, container простирается от конца до конца. Скажем, я хочу создать глобальный контейнер для содержимого, которое должно иметь максимальную ширину 1140px, как правильно это сделать? В настоящее время я использую withStyles, предоставленный material-ui, как показано в примере кода ниже

import React, { Component } from 'react';
import { withStyles } from '@material-ui/core/styles';

const styles = {
  contentBody: {
    maxWidth: '1140px',
    marginLeft: 'auto',
    marginRight: 'auto'
  }
};

class ContentBody extends Component {
  render() {
    return (
      <Grid container className={this.props.classes.contentBody}>
        {this.props.children}
      </Grid>
    );
  }
}

export default withStyles(styles)(ContentBody);