Material-ui - переопределение стиля контейнера по умолчанию на широких экранах

Question

Я ищу способ переопределить стиль контейнера Grid по умолчанию. это ожидаемый результат:

@media only screen and (min-width: 1200px)
.container {
    width: 1184px;
    max-width: 100%;
}

Поскольку я хотел бы, чтобы он был установлен глобально, а не только для определенного компонента, я хотел бы сделать это один раз в app.js:

const theme = createMuiTheme({



  overrides: {
    MuiGrid: {
      container: {
----> How can I implement it here?
      }
    },
...
....
...

в JS я использую это так

        <MuiThemeProvider theme={theme}>
          <CssBaseline />
          <div className={classes.content}>
            <Switch>
              <Route path="/" exact component={Homepage} />
              <Route component={AppContainer}/>
          </div>
        </MuiThemeP

Ровидер>