diff --git a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
index 5344a0034c..781ea648a5 100644
--- a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
+++ b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
@@ -4610,7 +4610,7 @@ exports[`Storyshots MarkdownView Code without Lang 1`] = `
       
 
       <div
-        className="SyntaxHighlighter__Container-ks8t62-1 eKVmMv"
+        className="SyntaxHighlighter__Container-ks8t62-1 gJqvQP is-relative"
       >
         <pre
           style={
@@ -4699,7 +4699,7 @@ exports[`Storyshots MarkdownView Code without Lang 1`] = `
           </code>
         </pre>
         <button
-          className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX"
+          className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX is-clickable"
           onClick={[Function]}
           title="syntaxHighlighting.copyButton"
         >
@@ -5760,7 +5760,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
       
 
       <div
-        className="SyntaxHighlighter__Container-ks8t62-1 eKVmMv"
+        className="SyntaxHighlighter__Container-ks8t62-1 gJqvQP is-relative"
       >
         <pre
           style={
@@ -6929,7 +6929,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
           </code>
         </pre>
         <button
-          className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX"
+          className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX is-clickable"
           onClick={[Function]}
           title="syntaxHighlighting.copyButton"
         >
@@ -14969,7 +14969,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
       
 
       <div
-        className="SyntaxHighlighter__Container-ks8t62-1 eKVmMv"
+        className="SyntaxHighlighter__Container-ks8t62-1 gJqvQP is-relative"
       >
         <pre
           style={
@@ -15359,7 +15359,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
           </code>
         </pre>
         <button
-          className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX"
+          className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX is-clickable"
           onClick={[Function]}
           title="syntaxHighlighting.copyButton"
         >
@@ -16544,7 +16544,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
       
 
       <div
-        className="SyntaxHighlighter__Container-ks8t62-1 eKVmMv"
+        className="SyntaxHighlighter__Container-ks8t62-1 gJqvQP is-relative"
       >
         <pre
           style={
@@ -17713,7 +17713,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
           </code>
         </pre>
         <button
-          className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX"
+          className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX is-clickable"
           onClick={[Function]}
           title="syntaxHighlighting.copyButton"
         >
@@ -17918,7 +17918,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
       
 
       <div
-        className="SyntaxHighlighter__Container-ks8t62-1 eKVmMv"
+        className="SyntaxHighlighter__Container-ks8t62-1 gJqvQP is-relative"
       >
         <pre
           style={
@@ -19359,7 +19359,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
           </code>
         </pre>
         <button
-          className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX"
+          className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX is-clickable"
           onClick={[Function]}
           title="syntaxHighlighting.copyButton"
         >
@@ -76993,7 +76993,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
   className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 jbrCso"
 >
   <div
-    className="SyntaxHighlighter__Container-ks8t62-1 eKVmMv"
+    className="SyntaxHighlighter__Container-ks8t62-1 gJqvQP is-relative"
   >
     <pre
       style={
@@ -78377,7 +78377,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
       </code>
     </pre>
     <button
-      className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX"
+      className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX is-clickable"
       onClick={[Function]}
       title="syntaxHighlighting.copyButton"
     >
@@ -78394,7 +78394,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
   className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 jbrCso"
 >
   <div
-    className="SyntaxHighlighter__Container-ks8t62-1 eKVmMv"
+    className="SyntaxHighlighter__Container-ks8t62-1 gJqvQP is-relative"
   >
     <pre
       style={
@@ -81336,7 +81336,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
       </code>
     </pre>
     <button
-      className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX"
+      className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX is-clickable"
       onClick={[Function]}
       title="syntaxHighlighting.copyButton"
     >
@@ -81353,7 +81353,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
   className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 jbrCso"
 >
   <div
-    className="SyntaxHighlighter__Container-ks8t62-1 eKVmMv"
+    className="SyntaxHighlighter__Container-ks8t62-1 gJqvQP is-relative"
   >
     <pre
       style={
@@ -82166,7 +82166,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
       </code>
     </pre>
     <button
-      className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX"
+      className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX is-clickable"
       onClick={[Function]}
       title="syntaxHighlighting.copyButton"
     >
@@ -82183,7 +82183,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
   className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 jbrCso"
 >
   <div
-    className="SyntaxHighlighter__Container-ks8t62-1 eKVmMv"
+    className="SyntaxHighlighter__Container-ks8t62-1 gJqvQP is-relative"
   >
     <pre
       style={
@@ -90322,7 +90322,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
       </code>
     </pre>
     <button
-      className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX"
+      className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX is-clickable"
       onClick={[Function]}
       title="syntaxHighlighting.copyButton"
     >
@@ -90339,7 +90339,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
   className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 jbrCso"
 >
   <div
-    className="SyntaxHighlighter__Container-ks8t62-1 eKVmMv"
+    className="SyntaxHighlighter__Container-ks8t62-1 gJqvQP is-relative"
   >
     <pre
       style={
@@ -91816,7 +91816,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
       </code>
     </pre>
     <button
-      className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX"
+      className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX is-clickable"
       onClick={[Function]}
       title="syntaxHighlighting.copyButton"
     >
@@ -91833,7 +91833,7 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
   className="SyntaxHighlighterstories__Spacing-sc-1dcldp5-0 jbrCso"
 >
   <div
-    className="SyntaxHighlighter__Container-ks8t62-1 eKVmMv"
+    className="SyntaxHighlighter__Container-ks8t62-1 gJqvQP is-relative"
   >
     <pre
       style={
@@ -94186,7 +94186,7 @@ exports[`Storyshots SyntaxHighlighter Without line numbers 1`] = `
       </code>
     </pre>
     <button
-      className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX"
+      className="SyntaxHighlighter__TopRightButton-ks8t62-0 iyikPX is-clickable"
       onClick={[Function]}
       title="syntaxHighlighting.copyButton"
     >