title: How do I change the Material UI Toolbar height?
body: <p>I am new to React and Material UI. I am struggling with how much vertical space the components take up. One thing I would like to do is decrease the height of the toolbar.</p>
  
  <p>I have tried specifying the style:</p>
  
  <pre><code>&lt;Toolbar style={{ height: '36px' }}&gt;
  </code></pre>
  
  <p>I have also tried doing it this way:</p>
  
  <pre><code>const styles = {
    root: {
      height: 36,
    }
  };
  &lt;Toolbar className={classes.root} &gt;
  </code></pre>
  
  <p>but neither works. Is there a different way to do this?</p>