diff --git a/x-pack/plugins/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap b/x-pack/plugins/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap
index cad8af417205113..5932b2418e8c8cd 100644
--- a/x-pack/plugins/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap
+++ b/x-pack/plugins/canvas/shareable_runtime/components/__snapshots__/app.test.tsx.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<App /> App renders properly 1`] = `"<div class=\\"root\\" style=\\"height: 768px; width: 1080px;\\"><div class=\\"container\\" style=\\"height: 720px; width: 1080px;\\"><div class=\\"page\\" style=\\"height: 720px; transform: scale3d(1, 1, 1); width: 1080px;\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,540,367,1,1);\\"><div class=\\"root\\"><div css=\\"css-159kt7d\\" class=\\"container\\" style=\\"overflow: hidden;\\"><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div><div class=\\"root\\" style=\\"height: 48px;\\"><div class=\\"root\\"><div class=\\"slideContainer\\"><div class=\\"root\\" style=\\"height: 100px; width: 150px;\\"><div class=\\"preview\\" style=\\"height: 720px; width: 1080px; transform: scale3d(0.1388888888888889, 0.1388888888888889, 1);\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,540,367,1,1);\\"><div class=\\"root\\"><div css=\\"css-159kt7d\\" class=\\"container\\" style=\\"overflow: hidden;\\"><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup css-123d7by-euiFlexGroup-responsive-none-flexStart-stretch-row\\"><div class=\\"euiFlexItem title css-9sbomz-euiFlexItem-grow-1\\"><div class=\\"euiFlexGroup css-1037r3l-euiFlexGroup-responsive-s-flexStart-center-row\\"><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink css-10d78p6-euiLink-primary\\" href=\\"https://www.elastic.co\\" rel=\\"noreferrer\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText css-1ma7krh-euiText-s-euiTextColor-ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><div class=\\"euiFlexGroup css-1l6dw9l-euiFlexGroup-responsive-s-flexStart-stretch-row\\"><div class=\\"euiFlexGroup css-1a15qtm-euiFlexGroup-responsive-none-flexStart-center-row\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon css-92e864-euiButtonIcon-xs-empty-disabled-isDisabled\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonEmpty css-180uiwf-euiButtonDisplay-euiButtonEmpty-s-empty-text\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonEmpty__content css-1bascr2-euiButtonDisplayContent\\"><span class=\\"eui-textTruncate euiButtonEmpty__text\\"><div class=\\"euiText css-1xg3ua3-euiText-s-euiTextColor-customColor\\">Page 1</div></span></span></button></div><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon css-92e864-euiButtonIcon-xs-empty-disabled-isDisabled\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup css-718pcz-euiFlexGroup-none-center-flexEnd-column\\"><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><div class=\\"euiPopover css-jfgyh9-euiPopover\\" id=\\"settings\\"><div class=\\"euiPopover__anchor css-16vtueo-render\\"><button class=\\"euiButtonIcon css-w2102u-euiButtonIcon-xs-empty-text\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></div></div></div>"`;
+exports[`<App /> App renders properly 1`] = `"<div class=\\"root\\" style=\\"height: 768px; width: 1080px;\\"><div class=\\"container\\" style=\\"height: 720px; width: 1080px;\\"><div class=\\"page\\" style=\\"height: 720px; transform: scale3d(1, 1, 1); width: 1080px;\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,540,367,1,1);\\"><div class=\\"root\\"><div css=\\"css-159kt7d\\" class=\\"container\\" style=\\"overflow: hidden;\\"><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div><div class=\\"root\\" style=\\"height: 48px;\\"><div class=\\"root\\"><div class=\\"slideContainer\\"><div class=\\"root\\" style=\\"height: 100px; width: 150px;\\"><div class=\\"preview\\" style=\\"height: 720px; width: 1080px; transform: scale3d(0.1388888888888889, 0.1388888888888889, 1);\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,540,367,1,1);\\"><div class=\\"root\\"><div css=\\"css-159kt7d\\" class=\\"container\\" style=\\"overflow: hidden;\\"><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div><section aria-label=\\"Page level controls\\" class=\\"euiBottomBar euiBottomBar--fixed euiBottomBar--paddingMedium css-1n171p8-euiBottomBar-fixed-m-euiColorMode-dark\\" style=\\"left: 0px; right: 0px; bottom: 0px;\\"><h2 class=\\"css-1w7kmys-euiScreenReaderOnly\\">Page level controls</h2><div class=\\"euiFlexGroup css-17fmf16-euiFlexGroup-wrap-none-flexStart-stretch-row\\"><div class=\\"euiFlexItem title css-9sbomz-euiFlexItem-grow-1\\"><div class=\\"euiFlexGroup css-dhjvmj-euiFlexGroup-s-flexStart-center-row\\"><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\" style=\\"flex-shrink: 0;\\"><a class=\\"euiLink css-1yp7zpx-euiLink-primary\\" href=\\"https://www.elastic.co\\" rel=\\"noreferrer\\" title=\\"Powered by Elastic.co\\"><span data-euiicon-type=\\"logoElastic\\"></span></a></div><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText css-obspgw-euiText-s-euiTextColor-ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><div class=\\"euiFlexGroup css-165wgfw-euiFlexGroup-m-flexStart-stretch-row\\"><div class=\\"euiFlexGroup css-bjkil0-euiFlexGroup-none-flexStart-center-row\\"><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon css-92e864-euiButtonIcon-xs-empty-disabled-isDisabled\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><span data-euiicon-type=\\"arrowLeft\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonEmpty css-180uiwf-euiButtonDisplay-euiButtonEmpty-s-empty-text\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonEmpty__content css-1bascr2-euiButtonDisplayContent\\"><span class=\\"eui-textTruncate euiButtonEmpty__text\\"><div class=\\"euiText css-1xg3ua3-euiText-s-euiTextColor-customColor\\">Page 1</div></span></span></button></div><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon css-92e864-euiButtonIcon-xs-empty-disabled-isDisabled\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><span data-euiicon-type=\\"arrowRight\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div><div class=\\"euiFlexGroup css-718pcz-euiFlexGroup-none-center-flexEnd-column\\"><div class=\\"euiFlexItem css-kpsrin-euiFlexItem-growZero\\"><div class=\\"euiPopover css-jfgyh9-euiPopover\\" id=\\"settings\\"><div class=\\"euiPopover__anchor css-16vtueo-render\\"><button class=\\"euiButtonIcon css-w2102u-euiButtonIcon-xs-empty-text\\" type=\\"button\\" aria-label=\\"Settings\\"><span data-euiicon-type=\\"gear\\" class=\\"euiButtonIcon__icon\\" aria-hidden=\\"true\\" color=\\"inherit\\"></span></button></div></div></div></div></div></div></div></section><p aria-live=\\"assertive\\" class=\\"css-1w7kmys-euiScreenReaderOnly\\">There is a new region landmark with page level controls at the end of the document.</p></div></div></div>"`;