diff --git a/docs/javascript.html b/docs/javascript.html
index 6f3cd9153ff778e9b65bdca1eb941b283bec44c4..7ad42ae81f17c1c16f38a89764bc452c275fc9e6 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -206,7 +206,7 @@
           <h2>Static example</h2>
           <p>Below is a statically rendered modal.</p>
           <div class="well modal-example" style="background-color: #888; border: none;">
-            <div class="modal" style="position: relative; top: auto; left: auto; margin: 0 auto; z-index: 1">
+            <div class="modal" style="position: relative; top: auto; left: auto; margin: 0 auto; z-index: 1; max-width: 100%;">
               <div class="modal-header">
                 <button class="close" data-dismiss="modal">&times;</button>
                 <h3>Modal header</h3>
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index e0f3822e068393aec6ba454126a655f350b72d86..1ae3ffa5a82506cf09fd4191a1b00654be579937 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -129,7 +129,7 @@
           <h2>{{_i}}Static example{{/i}}</h2>
           <p>{{_i}}Below is a statically rendered modal.{{/i}}</p>
           <div class="well modal-example" style="background-color: #888; border: none;">
-            <div class="modal" style="position: relative; top: auto; left: auto; margin: 0 auto; z-index: 1">
+            <div class="modal" style="position: relative; top: auto; left: auto; margin: 0 auto; z-index: 1; max-width: 100%;">
               <div class="modal-header">
                 <button class="close" data-dismiss="modal">&times;</button>
                 <h3>{{_i}}Modal header{{/i}}</h3>