diff --git a/x-pack/legacy/plugins/canvas/public/components/workpad_header/control_settings/custom_interval.tsx b/x-pack/legacy/plugins/canvas/public/components/workpad_header/control_settings/custom_interval.tsx
index 0bcb0c89ba1cc..ab34f332dc126 100644
--- a/x-pack/legacy/plugins/canvas/public/components/workpad_header/control_settings/custom_interval.tsx
+++ b/x-pack/legacy/plugins/canvas/public/components/workpad_header/control_settings/custom_interval.tsx
@@ -54,7 +54,7 @@ export const CustomInterval = ({ gutterSize, buttonSize, onSubmit, defaultValue
         </EuiFlexItem>
 
         <EuiFlexItem grow={false}>
-          <EuiFormRow label="&nbsp;">
+          <EuiFormRow hasEmptyLabelSpace={true} compressed>
             <EuiButton
               disabled={isInvalid}
               size={buttonSize}
diff --git a/x-pack/legacy/plugins/canvas/shareable_runtime/components/canvas.module.scss b/x-pack/legacy/plugins/canvas/shareable_runtime/components/canvas.module.scss
index 88619c150c1f5..f7e47d8ddeb2b 100644
--- a/x-pack/legacy/plugins/canvas/shareable_runtime/components/canvas.module.scss
+++ b/x-pack/legacy/plugins/canvas/shareable_runtime/components/canvas.module.scss
@@ -18,5 +18,7 @@
 
 :global .kbnCanvas :local .page {
   position: absolute;
-  transform-origin: center center;
+  transform-origin: left top;
+  top: 0;
+  left: 0;
 }
diff --git a/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/page_preview.module.scss b/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/page_preview.module.scss
index 0333f393e1f8b..326bbde3401e9 100644
--- a/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/page_preview.module.scss
+++ b/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/page_preview.module.scss
@@ -3,6 +3,7 @@
 :global .kbnCanvas :local .root {
   margin: 0 $euiSizeS;
   cursor: pointer;
+  flex-shrink: 0;
 }
 
 :global .kbnCanvas :local .root :global .canvasPage {
diff --git a/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/page_preview.tsx b/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/page_preview.tsx
index 0369a6f69f04c..7908b3edb981f 100644
--- a/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/page_preview.tsx
+++ b/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/page_preview.tsx
@@ -58,13 +58,10 @@ export const PagePreviewComponent: FC<Props> = ({
   workpadWidth,
 }) => {
   const scale = height / workpadHeight;
-  const style = {
-    height: workpadHeight * scale,
-    width: workpadWidth * scale,
-  };
 
   const transform = {
-    ...style,
+    height: workpadHeight,
+    width: workpadWidth,
     transform: `scale3d(${scale}, ${scale}, 1)`,
   };
 
@@ -73,7 +70,10 @@ export const PagePreviewComponent: FC<Props> = ({
       className={css.root}
       onClick={() => onClick(index)}
       onKeyPress={() => onClick(index)}
-      style={style}
+      style={{
+        height: workpadHeight * scale,
+        width: workpadWidth * scale,
+      }}
     >
       <div className={css.preview} style={transform}>
         <PageComponent {...{ page }} height={workpadHeight} width={workpadWidth} />
diff --git a/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/title.tsx b/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/title.tsx
index 955a8ee530db5..6e3eba7be08d6 100644
--- a/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/title.tsx
+++ b/x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/title.tsx
@@ -20,7 +20,7 @@ interface Props {
  */
 export const TitleComponent: FC<Props> = ({ title }) => (
   <EuiFlexGroup gutterSize="s" justifyContent="flexStart" alignItems="center">
-    <EuiFlexItem grow={false}>
+    <EuiFlexItem grow={false} style={{ flexShrink: 0 }}>
       <EuiLink href="https://www.elastic.co" title="Powered by Elastic.co">
         <EuiIcon type="logoElastic" size="l" />
       </EuiLink>
diff --git a/x-pack/legacy/plugins/canvas/shareable_runtime/template.html b/x-pack/legacy/plugins/canvas/shareable_runtime/template.html
index 94fe208582667..cb43ceb9af131 100644
--- a/x-pack/legacy/plugins/canvas/shareable_runtime/template.html
+++ b/x-pack/legacy/plugins/canvas/shareable_runtime/template.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
 
 <head>
diff --git a/x-pack/legacy/plugins/canvas/shareable_runtime/webpack.config.js b/x-pack/legacy/plugins/canvas/shareable_runtime/webpack.config.js
index f0f98f0f44848..c711f9510a10b 100644
--- a/x-pack/legacy/plugins/canvas/shareable_runtime/webpack.config.js
+++ b/x-pack/legacy/plugins/canvas/shareable_runtime/webpack.config.js
@@ -41,6 +41,7 @@ module.exports = {
         KIBANA_ROOT,
         'src/legacy/core_plugins/interpreter/public/types'
       ),
+      tinymath: path.resolve(KIBANA_ROOT, 'node_modules/tinymath/lib/tinymath.es5.js'),
     },
     extensions: ['.js', '.json', '.ts', '.tsx', '.scss'],
   },