diff --git a/docs/css/docs.css b/docs/css/docs.css
index fbf2ca2..5d20464 100644
--- a/docs/css/docs.css
+++ b/docs/css/docs.css
@@ -648,6 +648,11 @@ h6 {
   opacity: 1 !important;
 }
 
+/* Modal example */
+.iphone .iphone-content .modal { position: absolute; }
+.iphone .iphone-content .modal .content { margin-top: 44px; }
+.iphone .iphone-content #myModal.active { background: #cecece; }
+
 /* Slider examples */
 .component-example-fullbleed .slider,
 .component-example-fullbleed .slider li,
diff --git a/docs/index.html b/docs/index.html
index 85bbcd1..fd2a413 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -980,11 +980,6 @@ document
         
         <!-- Modals -->
         <article class="component" id="modals">
-          <style>
-            /* Only for the demo page */
-            .iphone .iphone-content .modal { position: absolute;  }
-            .iphone .iphone-content .active { background: #cecece; }
-          </style>
           <h3 class="component-title">Modals</h3>
 
           <div class="component-example">