Sidenav cannot be scrolled correctly when used with Navbar

[zackchengyk]

Component

Sidenav

Describe the bug

The Sidenav component cannot be scrolled correctly when used with the Navbar.

To Reproduce

1. Use the Sidenav and Navbar together, such that the Sidenav is below the Navbar.
2. Make sure that the Sidenav has enough children such that it can be scrolled (or just reduce your screen height).
3. Try to scroll. You will find that the bottom-most element is partially obscured.

Cause

Sidenav's top level div element has no set height, but the nav element one level down is set to height: 100vh (code).

Screen Recording

sidenav-scroll.mp4