diff --git a/docs/documentation/components/modal.html b/docs/documentation/components/modal.html
index 0d36d6ad..22a397cc 100644
--- a/docs/documentation/components/modal.html
+++ b/docs/documentation/components/modal.html
@@ -81,7 +81,10 @@ meta:
 {% highlight html %}{{ modal }}{% endhighlight %}
 
 <div class="content">
-  <p>To <strong>activate</strong> the modal, just add the <code>is-active</code> modifier on the <code>.modal</code> container</p>
+  <p>
+    To <strong>activate</strong> the modal, just add the <code>is-active</code> modifier on the <code>.modal</code> container.
+    You may also want to add <code>is-clipped</code> modifier to a containing element (usually <code>html</code>) to stop scroll overflow.
+  </p>
 </div>
 
 <div class="message is-danger">