Material-UI withStyles, не применяющий цвет фона

Я использовал withStyles для применения линейного градиента фона (внутри объекта container в styles), и это сработало нормально, но я использовал тот же формат, чтобы создать другой объект в styles с именем child, чтобы применить цвет фона к дочернему компоненту , но ничего не произошло . Почему не был применен цвет фона?

import { Grid } from '@material-ui/core';
import { withStyles } from '@material-ui/core/styles';

const styles = {
  container: {
    display: 'flex',
    alignItems: 'center',
    height: '100vh',
    background: 'linear-gradient(45deg, #aa6775 30%, #984355 90%)' // Works
  },

  child: {
    backgroundColor: 'yellow' // Does nothing
  }
};

class App extends Component {

  render() {
    return (
      <Grid
        id = "quote-box"
        className = {this.props.classes.container}
        justify = "center"
        container
      >
        <Grid xs = {11} lg = {8} className = {this.props.classes.child} item>
          .....
        </Grid>
      </Grid>
    );
  }
}

export default withStyles(styles)(App);