diff --git a/examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap b/examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap
index 86a89e059a8..4c741fb8acf 100644
--- a/examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap
+++ b/examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap
@@ -8446,6 +8446,7 @@ exports[`Storyshots UI|Sidebar/Sidebar loading 1`] = `
               >
                 <button
                   class="emotion-5"
+                  title="Shortcuts"
                 >
                   <svg
                     class="emotion-4"
@@ -9872,6 +9873,7 @@ exports[`Storyshots UI|Sidebar/Sidebar simple 1`] = `
               >
                 <button
                   class="emotion-5"
+                  title="Shortcuts"
                 >
                   <svg
                     class="emotion-4"
@@ -9909,6 +9911,7 @@ exports[`Storyshots UI|Sidebar/Sidebar simple 1`] = `
                 </svg>
                 <button
                   class="emotion-13"
+                  title="Clear search"
                   type="reset"
                   value="reset"
                 >
@@ -10412,6 +10415,7 @@ exports[`Storyshots UI|Sidebar/SidebarHeading customBrandImage 1`] = `
     >
       <button
         class="emotion-5"
+        title="Shortcuts"
       >
         <svg
           class="emotion-4"
@@ -10709,6 +10713,7 @@ exports[`Storyshots UI|Sidebar/SidebarHeading linkAndText 1`] = `
     >
       <button
         class="emotion-4"
+        title="Shortcuts"
       >
         <svg
           class="emotion-3"
@@ -10986,6 +10991,7 @@ exports[`Storyshots UI|Sidebar/SidebarHeading longText 1`] = `
     >
       <button
         class="emotion-3"
+        title="Shortcuts"
       >
         <svg
           class="emotion-2"
@@ -11362,6 +11368,7 @@ exports[`Storyshots UI|Sidebar/SidebarHeading menuHighlighted 1`] = `
     >
       <button
         class="emotion-5"
+        title="Shortcuts"
       >
         <svg
           class="emotion-4"
@@ -11639,6 +11646,7 @@ exports[`Storyshots UI|Sidebar/SidebarHeading onlyText 1`] = `
     >
       <button
         class="emotion-3"
+        title="Shortcuts"
       >
         <svg
           class="emotion-2"
@@ -11993,6 +12001,7 @@ exports[`Storyshots UI|Sidebar/SidebarHeading standard 1`] = `
     >
       <button
         class="emotion-5"
+        title="Shortcuts"
       >
         <svg
           class="emotion-4"
@@ -12327,6 +12336,7 @@ exports[`Storyshots UI|Sidebar/SidebarHeading standardNoLink 1`] = `
     >
       <button
         class="emotion-4"
+        title="Shortcuts"
       >
         <svg
           class="emotion-3"
@@ -14245,6 +14255,7 @@ exports[`Storyshots UI|Sidebar/SidebarSearch filledIn 1`] = `
     </svg>
     <button
       class="emotion-5"
+      title="Clear search"
       type="reset"
       value="reset"
     >
@@ -14533,6 +14544,7 @@ exports[`Storyshots UI|Sidebar/SidebarSearch focussed 1`] = `
     </svg>
     <button
       class="emotion-5"
+      title="Clear search"
       type="reset"
       value="reset"
     >
@@ -14821,6 +14833,7 @@ exports[`Storyshots UI|Sidebar/SidebarSearch simple 1`] = `
     </svg>
     <button
       class="emotion-5"
+      title="Clear search"
       type="reset"
       value="reset"
     >
@@ -16510,6 +16523,7 @@ exports[`Storyshots UI|Sidebar/SidebarStories noRoot 1`] = `
       </svg>
       <button
         class="emotion-5"
+        title="Clear search"
         type="reset"
         value="reset"
       >
@@ -17425,6 +17439,7 @@ exports[`Storyshots UI|Sidebar/SidebarStories withRoot 1`] = `
       </svg>
       <button
         class="emotion-5"
+        title="Clear search"
         type="reset"
         value="reset"
       >
diff --git a/lib/ui/src/components/preview/__snapshots__/preview.stories.storyshot b/lib/ui/src/components/preview/__snapshots__/preview.stories.storyshot
index 6ae49e281cc..c4de9b38cf1 100644
--- a/lib/ui/src/components/preview/__snapshots__/preview.stories.storyshot
+++ b/lib/ui/src/components/preview/__snapshots__/preview.stories.storyshot
@@ -244,6 +244,7 @@ Array [
                 </span>
                 <button
                   class="emotion-2"
+                  title="Open canvas in new tab"
                 >
                   <svg
                     class="emotion-1"
@@ -731,6 +732,7 @@ Array [
                 </span>
                 <button
                   class="emotion-8"
+                  title="Open canvas in new tab"
                 >
                   <svg
                     class="emotion-7"