I am working on an UI for a webapp that can have multiple projects open in one session. The logical component in the left navigation bar is an accordion, because the user may or may not want to view the list of active projects.

When collapsed, this looks good:

However, the expansion does not move the Divider down or resize the containing div and it looks like this:

As you can see, the contents of the Accordion are showing below the Divider. I also do not like that it repositions the AccordionSummary when expanding, but I can deal with that later.

I have a