diff --git a/src/static/skins/colibris/src/layout.css b/src/static/skins/colibris/src/layout.css
index 1ec3886c8f5..4ce234a4729 100644
--- a/src/static/skins/colibris/src/layout.css
+++ b/src/static/skins/colibris/src/layout.css
@@ -1,3 +1,18 @@
+.scroll-wrapper { 
+  display: flex;
+  min-width: 100vw;
+}
+
+@supports (-webkit-touch-callout: none)  {
+  .scroll-wrapper {
+    -webkit-overflow-scrolling: touch;
+    overflow-y: scroll;
+  }                      
+                       
+  .scroll-wrapper iframe {}
+                      
+}
+
 #outerdocbody {
   margin: 0 auto;
   padding-top: 20px;
diff --git a/src/templates/pad.html b/src/templates/pad.html
index c0c56bf24fe..0f85e022ce2 100644
--- a/src/templates/pad.html
+++ b/src/templates/pad.html
@@ -80,7 +80,9 @@
 
   <% e.begin_block("afterEditbar"); %><% e.end_block(); %>
 
-  <div id="editorcontainerbox" class="flex-layout">
+      <div class="scroll-wrapper">
+          <div id="editorcontainerbox" class="flex-layout">
+      </div>
 
       <% e.begin_block("editorContainerBox"); %>