diff --git a/core/modules/outside_in/css/outside_in.module.css b/core/modules/outside_in/css/outside_in.module.css
index 9e36037..a534dd1 100644
--- a/core/modules/outside_in/css/outside_in.module.css
+++ b/core/modules/outside_in/css/outside_in.module.css
@@ -38,12 +38,3 @@
 [dir="rtl"] .toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
   float: right;
 }
-
-.offcanvas-lining {
-  background: #333;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 100%;
-  z-index: -1;
-}
diff --git a/core/modules/outside_in/js/offcanvas.js b/core/modules/outside_in/js/offcanvas.js
index b3c4237..7422274 100644
--- a/core/modules/outside_in/js/offcanvas.js
+++ b/core/modules/outside_in/js/offcanvas.js
@@ -120,6 +120,9 @@
           of: window
         };
         settings.dialogClass = 'ui-dialog-offcanvas';
+        // Applies initial height to dialog based on window height.
+        // See http://api.jqueryui.com/dialog for all dialog options.
+        settings.dialogOptions.height = $(this).height();
       }
     },
     'dialog:beforeclose': function (event, dialog, $element) {
diff --git a/core/modules/outside_in/templates/outside-in-page-wrapper.html.twig b/core/modules/outside_in/templates/outside-in-page-wrapper.html.twig
index 5889183..d28cb4f 100644
--- a/core/modules/outside_in/templates/outside-in-page-wrapper.html.twig
+++ b/core/modules/outside_in/templates/outside-in-page-wrapper.html.twig
@@ -17,5 +17,4 @@
       {{ children }}
     </div>
   </div>
-  <div class="offcanvas-lining"></div>
 {% endif %}