Include FromBorderSize & Scrollbars in Frame width. To fit responsive sizes properly.

layouts/scripts/toolbar/responsive.jsx

@@ -63,8 +63,13 @@ function Responsive(props = {}) {
   }
 
   function updateController() {
-    const unit = typeof breakpoint === 'string' ? '' : 'px';
+    let frameBreakpoint = breakpoint;
-    previewFrame.style.setProperty('--breakpoint', breakpoint + unit);
+    if (typeof frameBreakpoint !== 'string') {
+      const browserGap = 17; // Scrollbars + Borders
+      frameBreakpoint = (frameBreakpoint + browserGap) + 'px';
+    }
+
+    previewFrame.style.setProperty('--breakpoint', frameBreakpoint);
     previewFrame.classList.add('has-breakpoint');
     window.postMessage('responsiveUpdate');
     window.responsiveState = {mode, breakpoint};

layouts/styles/page--view.css

@@ -1,5 +1,6 @@
 body {
   margin: 0;
+  overflow-y: scroll;
 }
 
 main {

layouts/styles/page--view.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["page--view.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"page--view.css"}
+{"version":3,"sourceRoot":"","sources":["page--view.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"page--view.css"}

layouts/styles/page--view.scss

@@ -1,5 +1,6 @@
 body {
   margin: 0;
+  overflow-y: scroll;
 }
 
 main {