react – Color-Background ReactJS – Stack Overflow em Português

Estou tentando definir uma cor de fundo para o meu aplicativo de estudo mas sem sucesso. A cor só pega onde tem componentes na página (exemplificado na imagem abaixo)

meu código:

import React from 'react';
import { makeStyles, Paper, Typography, Box, Container } from "@material-ui/core";


//"css"
const useStyles = makeStyles((theme) => ({

  bg: {
    background: "grey"
  },
  root: {
    //display: 'flex',
    flexWrap: 'wrap',
    '& > *': {
      margin: theme.spacing(1),
      width: theme.spacing(150),
      height: theme.spacing(16),
    },
  },
}));

export default function SimplePaper() {
  const classes = useStyles();

  return (
    <Container className={classes.bg} >
          <div className={classes.root}>
      <Paper outlined />
      <Paper outlined />
    </div>



    </Container>
  );
}

o que estou fazendo de errado?