Describe the bug

I am building a dashboard and desire to have a header nav bar as well as the sidebar.

Problem:

Ideal:

All examples show the popular use case of a sidebar under a header.

Please let me know if my understanding on this is correct. As i write it may be the case: 1. this pattern may be redundant as the side bar may need to be used for primary navigation. 2. I may need to incorporate the site logo in the head of the sidebar

Affected component/components

Sidebar

How to reproduce

1. Set up a new next.js application
2. clear out the default page
3. add full width header with a logo on the far left and a login button on the far right
4. implement the header as presented in the documentation

The sidebar overlaps the header covering the site logo vs being a in the div below on the left side with the content on the right side all under the header nav.

Codesandbox/StackBlitz link

https://stackblitz.com/edit/stackblitz-starters-vqqoj5

Logs

No response

System Info

Stackblitz on Firefox and Chrome

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues