title: Why does my MUI Divider not show up in a MUI Container or Paper?
body: <p>Good morning,</p>
  <p>I am in love with MUI, there is so much one can do. However, after using it extensively, I have noticed that a MUI Divider does not show up when it is the child of a Container or Paper component. I can't find anything as to why this is the case, so it is probably my implementation. Could someone check it out and see why it isn't appearing?</p>
  <p>Everything is imported, the Popover works fine.</p>
  <p>Thank you!</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>navBarPopover: {
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      justifyContent: "center"
  }
  
  &lt;Popover 
      id={id}
      open={open}
      anchorEl={anchorEl}
      onClose={handleClose}
      anchorOrigin={{
          vertical: "top",
          horizontal: "right",
      }}
      transformOrigin={{
          vertical: "top",
          horizontal: "right",
      }}
  &gt;
    &lt;Container className={clsx(classes.navBarPopover)}&gt;
        &lt;Button className={clsx(classes.loginButton)} component={Link} to="/user_auth" onClick={() =&gt; handleClose()}&gt;
            Login
        &lt;/Button&gt;
        &lt;Divider /&gt;
        &lt;Button className={clsx(classes.loginButton)} component={Link} to="/faqs" onClick={() =&gt; handleClose()}&gt;
            FAQs
        &lt;/Button&gt;
    &lt;/Container&gt;
  &lt;/Popover&gt;</code></pre>
  </div>
  </div>
  </p>