diff --git a/assets_site/js/app.js b/assets_site/js/app.js
index b2c3b025831d8170c7aef35a54df137b9d9b76c6..80237eb8e207e51e25427e2cdf1e0ebc8208fb2c 100644
--- a/assets_site/js/app.js
+++ b/assets_site/js/app.js
@@ -143,3 +143,8 @@ $("#main-content-area h2, #main-content-area h3").each(function() {
 output +="</ul></nav>";
 
 $(".table-of-contents").html(output);
+
+// Set iframe height for patterns
+if ($('#building-block-iframe').length > 0) {
+  $('#building-block-iframe').css('min-height',document.getElementById('building-block-iframe').contentWindow.document.body.scrollHeight+'px')
+}
diff --git a/assets_site/partials/websites/patterns/building-block-preview.html b/assets_site/partials/websites/patterns/building-block-preview.html
index fa636e4d100651e80148974ac8ef266c5fc93bdb..1786814f071d8bc90c3c28724b31f3dd8fc64831 100644
--- a/assets_site/partials/websites/patterns/building-block-preview.html
+++ b/assets_site/partials/websites/patterns/building-block-preview.html
@@ -1,6 +1,6 @@
 <div class="building-block-preview">
   <div class="row align-center expanded building-block-iframe-wrapper ">
-    <iframe class="building-block-iframe" src="{{bb-iframe-path page}}" frameborder="0"></iframe>
+    <iframe class="building-block-iframe" src="{{bb-iframe-path page}}" frameborder="0" id="building-block-iframe"></iframe>
   </div>
 </div>
 <hr/>
diff --git a/assets_site/scss/components/_building-block-iframe.scss b/assets_site/scss/components/_building-block-iframe.scss
index 41be1b882c076a787a4aa049b0e7252996636056..01bce9a50175a395a83d6a05676c695f91386bed 100644
--- a/assets_site/scss/components/_building-block-iframe.scss
+++ b/assets_site/scss/components/_building-block-iframe.scss
@@ -1,17 +1,18 @@
 .building-block-iframe {
-  position: absolute; /* To fix iframe's hight in Edge */
-  left: 0;
-  top: 0;
+  // position: absolute; /* To fix iframe's hight in Edge */
+  // left: 0;
+  // top: 0;
   display: block;
   width: 100%;
-  min-height: 100%; /* To fix iframe's hight in Edge */
+  // min-height: 100%; /* To fix iframe's hight in Edge */
+  min-height: 500px;
 }
 
-.building-block-iframe-wrapper {
-  position: relative; /* To fix iframe's hight in Edge */
-  min-height: 480px;
-
-  /* To fix iframe scrolling on ios */
-  -webkit-overflow-scrolling: touch;
-  overflow: hidden;
-}
+// .building-block-iframe-wrapper {
+//   position: relative; /* To fix iframe's hight in Edge */
+//   min-height: 480px;
+//
+//   /* To fix iframe scrolling on ios */
+//   -webkit-overflow-scrolling: touch;
+//   overflow: hidden;
+// }
diff --git a/package.json b/package.json
index cee90311ad087b08b717186e5b1323f23483ec13..886b0da056fe7cc0d24fb12608ca85c121bf8100 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     "browser-sync": "^2.10.0",
     "clipboard": "^1.6.1",
     "event-stream": "^3.3.4",
-    "gulp": "gulpjs/gulp#4.0",
+    "gulp": "github:gulpjs/gulp#4.0",
     "gulp-autoprefixer": "^3.1.0",
     "gulp-babel": "^6.1.2",
     "gulp-cli": "^1.2.1",