title: How to customize material-ui Accordion component behavior/style?
body: <p>I have a div container (gray) with an accordion component with just one AccordionSummary component. And another div (blue) below that. Everything looks good (pic #1).
  When I expand the accordion:</p>
  <ul>
  <li>it shows AccordionDetails component - GOOD</li>
  <li>it automatically resize gray container div - GOOD</li>
  <li>but not enough so the blue div goes outside of container - BAD (pic #2)</li>
  </ul>
  <p>Assume it's a standard Accordion component behavior. But has anyone of you met such issue and how did you deal with it?</p>
  <p><a href="https://i.stack.imgur.com/pxXDz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pxXDz.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/PEvxd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PEvxd.png" alt="enter image description here" /></a></p>