diff --git a/x-pack/legacy/plugins/canvas/public/components/sidebar/__examples__/__snapshots__/group_settings.examples.storyshot b/x-pack/legacy/plugins/canvas/public/components/sidebar/__examples__/__snapshots__/group_settings.examples.storyshot
index dc80af01f121f6..1655320700f87f 100644
--- a/x-pack/legacy/plugins/canvas/public/components/sidebar/__examples__/__snapshots__/group_settings.examples.storyshot
+++ b/x-pack/legacy/plugins/canvas/public/components/sidebar/__examples__/__snapshots__/group_settings.examples.storyshot
@@ -2,13 +2,17 @@
 
 exports[`Storyshots components/Sidebar/GroupSettings default 1`] = `
 <div
-  className="euiText euiText--small"
+  className="canvasSidebar__panel canvasSidebar__panel--isEmpty"
 >
-  <p>
-    Ungroup (U) to edit individual element settings.
-  </p>
-  <p>
-    Save this group as a new element to re-use it throughout your workpad.
-  </p>
+  <div
+    className="euiText euiText--small"
+  >
+    <p>
+      Ungroup (U) to edit individual element settings.
+    </p>
+    <p>
+      Save this group as a new element to re-use it throughout your workpad.
+    </p>
+  </div>
 </div>
 `;
diff --git a/x-pack/legacy/plugins/canvas/public/components/sidebar/__examples__/__snapshots__/multi_element_settings.examples.storyshot b/x-pack/legacy/plugins/canvas/public/components/sidebar/__examples__/__snapshots__/multi_element_settings.examples.storyshot
index b9b13ae36e7308..49e804640081d2 100644
--- a/x-pack/legacy/plugins/canvas/public/components/sidebar/__examples__/__snapshots__/multi_element_settings.examples.storyshot
+++ b/x-pack/legacy/plugins/canvas/public/components/sidebar/__examples__/__snapshots__/multi_element_settings.examples.storyshot
@@ -2,13 +2,17 @@
 
 exports[`Storyshots components/Sidebar/MultiElementSettings default 1`] = `
 <div
-  className="euiText euiText--small"
+  className="canvasSidebar__panel canvasSidebar__panel--isEmpty"
 >
-  <p>
-    Multiple elements are currently selected.
-  </p>
-  <p>
-    Deselect these elements to edit their individual settings, press (G) to group them, or save this selection as a new element to re-use it throughout your workpad.
-  </p>
+  <div
+    className="euiText euiText--small"
+  >
+    <p>
+      Multiple elements are currently selected.
+    </p>
+    <p>
+      Deselect these elements to edit their individual settings, press (G) to group them, or save this selection as a new element to re-use it throughout your workpad.
+    </p>
+  </div>
 </div>
 `;