title: How to put background color on mui useStyle?
body: <p>I dont know what i am missing on this, or whats wrong on this code, but the background color is not reflecting, please help, thanks</p>
  <pre><code>import { makeStyles } from '@mui/styles';
  const useStyles = makeStyles((theme) =&gt; ({
    root: {
      height: '-webkit-fill-available',
      margin: 0,
      paddingLeft: 30,
      background: 'rgba(239, 243, 246, 1)' //it doesnt work why?
    },
  }));
  
  const Homepage = () =&gt; {
    const classes = useStyles();
  
    return (
      &lt;div className={classes.root} id=&quot;style&quot;&gt;
        &lt;h4&gt;About this School&lt;/h4&gt;
        &lt;About /&gt;
      &lt;/div&gt;
    );
  };
  </code></pre>