Sidenav on IE 11 adds extra space at the bottom

When you have more than 15 L2 items in the side nav, there is extra white space at the bottom of the nav in IE11.

This is possibly because of the overflow property bug in IE11 when text is used in svgs

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7226597/

Seems like this has been fixed in Edge

Start by reproducing the side-nav behavior in IE11 with more than 15 L2 items, then inspect the side-nav implementation and its SVG overflow handling. Done means the nav has no extra white space at the bottom in IE11 while preserving the existing layout in other browsers.

Written by the indexing model from the issue text.