The transition for sidenav is currently set up as :

transition: all 0.3s linear 0s;

This means that the sidenav will also transition when the height changes. This makes no sense. The sidenav height should always be 100%. But if you resize your web browser page, you can see it slowly animate to the new browser height. This looks ugly and is lazy.

You can see what I mean by visiting your own home page and changing the height of the web browser. The height of the sidenav slowly crawls to catch up.

I have to override this behavior by doing:

.sidenav { transition: width 0.3s linear 0s, transform 0.3s linear 0s !important; }

Please fix this.