title: Vertical Divider on Material UI Appbar
body: <p>I'm trying to add a vertical Divider component within my Appbar in material-ui. I'm experiencing the same issue found here, however the posted solution does not work for my situation: <a href="https://stackoverflow.com/questions/48247562/adding-vertical-divider-to-material-ui-appbar-component">Adding vertical divider to material-ui AppBar component</a></p>
  <p>Take this code:</p>
  <pre><code>&lt;AppBar position=&quot;static&quot; color=&quot;default&quot;&gt;
    &lt;Toolbar&gt;
      &lt;Typography type=&quot;title&quot; color=&quot;inherit&quot;&gt;
        Title
      &lt;/Typography&gt;
      &lt;Divider style={{
        height: '100%'
        }} orientation=&quot;vertical&quot;&gt;
      &lt;/Divider&gt;
      &lt;Typography type=&quot;title&quot; color=&quot;inherit&quot;&gt;
        Title 2
      &lt;/Typography&gt; 
    &lt;/Toolbar&gt;
  &lt;/AppBar&gt;
  </code></pre>
  <p>The problem is that the divider has a height of 0, despite it being set to 100% in css. The solution posted in the linked question does not work for me because the border does not span the entire height of the AppBar.</p>
  <p>For reference, the accepted solution to that question is adding a border to your components within the AppBar:</p>
  <pre><code>&lt;Toolbar&gt;
    &lt;Typography
      type=&quot;title&quot;
      color=&quot;inherit&quot;
      style={{ borderRight: '0.1em solid black', padding: '0.5em' }}
    &gt;
      Title
    &lt;/Typography&gt;
  
    &lt;Typography type=&quot;title&quot; color=&quot;inherit&quot; style={{ padding: '0.5em' }}&gt;
      Title 2
    &lt;/Typography&gt;
  &lt;/Toolbar&gt;
  </code></pre>
  <p>Like I said though, this doesn't extend the full height of the AppBar, and to make it look right I need to set the padding to some arbitrary number: 0.764em</p>
  <p>It would be nice if I could do this without defining arbitrary values like that. Anyone have any ideas?
  Edit: added vertical orientation (this didn't change anything)</p>
  <p>Edit 2: Adding sandbox link: <a href="https://codesandbox.io/s/material-demo-forked-9xz9i?file=/src/demo.js" rel="nofollow noreferrer">https://codesandbox.io/s/material-demo-forked-9xz9i?file=/src/demo.js</a></p>