text: Title: CSS/HTML fix for top bar in documentation
  Body: For certain screen width (shorter than a monitor but larger than a phone), the top bar in the docs gets weird:
  
  ![Screen Shot 2021-10-15 at 11 43 33](https://user-images.githubusercontent.com/989250/137515655-cce817cc-20ce-4ddd-a2e0-ea5eae3af2a0.png)
  
  Source code: https://github.com/ploomber/ploomber/blob/master/doc/_templates/macros.html
  
  
  We're using [bootstrap](https://getbootstrap.com/)
  