diff --git a/core/modules/responsive_preview/js/responsive-preview.js b/core/modules/responsive_preview/js/responsive-preview.js
index 44637e4..0761aad 100644
--- a/core/modules/responsive_preview/js/responsive-preview.js
+++ b/core/modules/responsive_preview/js/responsive-preview.js
@@ -673,6 +673,7 @@ Drupal.responsivePreview = Drupal.responsivePreview || {
       var $deviceLink = $('[data-responsive-preview-name="' + this.model.get('activeDevice') + '"]').eq(0);
       var $container = this.$el.find('#responsive-preview-frame-container');
       var $frame = $container.find('#responsive-preview-frame');
+      var $toolbarLining = $('.toolbar-lining');
       var $scrollPane = this.$el.find('#responsive-preview-scroll-pane');
       var offsets = this.envModel.get('offsets');
 
@@ -731,7 +732,7 @@ Drupal.responsivePreview = Drupal.responsivePreview || {
       $container.css(position);
 
       // Resize the scroll pane.
-      var paneHeight = height + (this.bleed * 2);
+      var paneHeight = height + (this.bleed * 2) + $toolbarLining.height();
       // If the height of the pane that contains the preview frame is higher
       // than the available viewport area, then make it scroll.
       if (paneHeight > (document.documentElement.clientHeight - offsets.top - offsets.bottom)) {