diff --git a/docs/documentation/components/navbar.html b/docs/documentation/components/navbar.html
index aa5ed166..08a7e245 100644
--- a/docs/documentation/components/navbar.html
+++ b/docs/documentation/components/navbar.html
@@ -819,7 +819,7 @@ document.addEventListener('DOMContentLoaded', function () {
           {% highlight html %}<nav class="navbar is-fixed-top">{% endhighlight %}
         </li>
         <li>
-          Add the corresponding <code>has-navbar-fixed-top</code> or <code>has-navbar-fixed-bottom</code> modifier to the <code>&lt;html&gt;</code> element to provide the appropriate padding to the page
+          Add the corresponding <code>has-navbar-fixed-top</code> or <code>has-navbar-fixed-bottom</code> modifier to either <code>&lt;html&gt;</code> or <code>&lt;body&gt;</code> element to provide the appropriate padding to the page
           {% highlight html %}<html class="has-navbar-fixed-top">{% endhighlight %}
         </li>
       </ul>
diff --git a/sass/components/navbar.sass b/sass/components/navbar.sass
index c75a485f..18f64402 100644
--- a/sass/components/navbar.sass
+++ b/sass/components/navbar.sass
@@ -109,10 +109,12 @@ $navbar-divider-background-color: $border !default
   &.is-fixed-top
     top: 0
 
-html.has-navbar-fixed-top
+html.has-navbar-fixed-top,
+body.has-navbar-fixed-top
   padding-top: $navbar-height
 
-html.has-navbar-fixed-bottom
+html.has-navbar-fixed-bottom,
+body.has-navbar-fixed-bottom
   padding-bottom: $navbar-height
 
 .navbar-brand,
