Issues with Navbar Functionality When Using navbar-on-page Class

Footer bugs out when class navbar-on-page is added to the page wrapper in order for the floating navbar to function. Is this a bug or am I doing something wrong? Edit: I don't know if you can see from the picture but the class makes the footer very narrow.