From 1c2e00455d7b65938d18374b2dff267786bfdda1 Mon Sep 17 00:00:00 2001
From: Eduard Heimbuch <eduard.heimbuch@cloudogu.com>
Date: Wed, 16 Feb 2022 10:43:26 +0100
Subject: [PATCH] Improve tooltip accessibility (#1954)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

There has been the requirement to improve accessibility for our tooltips by allowing tooltips to be closed via the escape key as well as allowing users to hover over the tooltip text. These combined requirements were not possible with the previous implementation that used a bulma-tooltip extension. That meant we had to implement the full tooltip html and css from scratch. A declared goal was to keep the new implementation as close to the previous look-and-feel as possible. The redundant dependency has been removed in the process.

This is the fixed re-commit of #1938 (Commit 67bd96ea81bdb541015d0faf574bff24b476374a)

Co-authored-by: Konstantin Schaper <konstantin.schaper@cloudogu.com>
Co-authored-by: René Pfeuffer <rene.pfeuffer@cloudogu.com>
---
 gradle/changelog/tooltip-a11y.yaml            |    2 +
 scm-ui/ui-components/src/Help.tsx             |    5 +-
 scm-ui/ui-components/src/Tooltip.stories.tsx  |   11 +
 scm-ui/ui-components/src/Tooltip.tsx          |  186 +-
 .../src/__snapshots__/storyshots.test.ts.snap | 7326 +++++++++--------
 scm-ui/ui-styles/package.json                 |    1 -
 scm-ui/ui-styles/src/components/_tooltip.scss |   39 +
 scm-ui/ui-styles/src/utils/_post.scss         |    2 +-
 .../branches/components/AheadBehindTag.tsx    |   43 +-
 yarn.lock                                     |    5 -
 10 files changed, 4217 insertions(+), 3403 deletions(-)
 create mode 100644 gradle/changelog/tooltip-a11y.yaml
 create mode 100644 scm-ui/ui-styles/src/components/_tooltip.scss

diff --git a/gradle/changelog/tooltip-a11y.yaml b/gradle/changelog/tooltip-a11y.yaml
new file mode 100644
index 0000000000..194519b057
--- /dev/null
+++ b/gradle/changelog/tooltip-a11y.yaml
@@ -0,0 +1,2 @@
+- type: changed
+  description: improve tooltip accessibility ([#1954](https://github.com/scm-manager/scm-manager/pull/1954))
diff --git a/scm-ui/ui-components/src/Help.tsx b/scm-ui/ui-components/src/Help.tsx
index e2808b8cbb..061e233460 100644
--- a/scm-ui/ui-components/src/Help.tsx
+++ b/scm-ui/ui-components/src/Help.tsx
@@ -40,16 +40,17 @@ const AbsolutePositionTooltip = styled(Tooltip)`
 
 const Help: FC<Props> = ({ message, multiline, className, id }) => (
   <AbsolutePositionTooltip
-    className={classNames("is-inline-block", "pl-1", multiline ? "has-tooltip-multiline" : undefined, className)}
+    className={classNames("is-inline-block", "pl-1", className)}
     message={message}
     id={id}
+    multiline={multiline}
   >
     <HelpIcon />
   </AbsolutePositionTooltip>
 );
 
 Help.defaultProps = {
-  multiline: true,
+  multiline: true
 };
 
 export default Help;
diff --git a/scm-ui/ui-components/src/Tooltip.stories.tsx b/scm-ui/ui-components/src/Tooltip.stories.tsx
index 198a3419fe..fe4f79b62e 100644
--- a/scm-ui/ui-components/src/Tooltip.stories.tsx
+++ b/scm-ui/ui-components/src/Tooltip.stories.tsx
@@ -94,4 +94,15 @@ storiesOf("Tooltip", module)
         </Spacing>
       ))}
     </Wrapper>
+  ))
+  .add("Styled", () => (
+    <Wrapper>
+      {positions.map((position) => (
+        <Spacing>
+          <Tooltip message={message} location={position} className={"has-text-warning"}>
+            <Button label={position} color="info" />{" "}
+          </Tooltip>
+        </Spacing>
+      ))}
+    </Wrapper>
   ));
diff --git a/scm-ui/ui-components/src/Tooltip.tsx b/scm-ui/ui-components/src/Tooltip.tsx
index 4e14405b03..c7f10f0794 100644
--- a/scm-ui/ui-components/src/Tooltip.tsx
+++ b/scm-ui/ui-components/src/Tooltip.tsx
@@ -21,12 +21,128 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import React, { ReactNode } from "react";
+import React, { FC, ReactNode, useEffect, useState } from "react";
+import styled from "styled-components";
+import classNames from "classnames";
+
+// See for css reference: https://github.com/Wikiki/bulma-tooltip/blob/master/src/sass/index.sass
+
+const TooltipWrapper = styled.div`
+  position: relative;
+  display: inline-block;
+`;
+
+const ArrowBase = styled.span`
+  z-index: 1020;
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-style: solid;
+`;
+
+const ArrowTop = styled(ArrowBase)`
+  top: 0;
+  right: auto;
+  bottom: auto;
+  left: 50%;
+  margin-top: -5px;
+  margin-right: auto;
+  margin-bottom: auto;
+  margin-left: -5px;
+  border-width: 5px 5px 0 5px;
+`;
+
+const ArrowRight = styled(ArrowBase)`
+  top: auto;
+  right: 0;
+  bottom: 50%;
+  left: auto;
+  margin-top: auto;
+  margin-right: -5px;
+  margin-bottom: -5px;
+  margin-left: auto;
+  border-width: 5px 5px 5px 0;
+`;
+
+const ArrowLeft = styled(ArrowBase)`
+  top: auto;
+  right: auto;
+  bottom: 50%;
+  left: 0;
+  margin-top: auto;
+  margin-right: auto;
+  margin-bottom: -5px;
+  margin-left: -5px;
+  border-width: 5px 0 5px 5px;
+`;
+
+const ArrowBottom = styled(ArrowBase)`
+  top: auto;
+  right: auto;
+  bottom: 0;
+  left: 50%;
+  margin-top: auto;
+  margin-right: auto;
+  margin-bottom: -5px;
+  margin-left: -5px;
+  border-width: 0 5px 5px 5px;
+`;
+
+const Arrow = {
+  bottom: ArrowBottom,
+  left: ArrowLeft,
+  right: ArrowRight,
+  top: ArrowTop
+};
+
+const TooltipContainerBase = styled.div<{ multiline?: boolean }>`
+  z-index: 1020;
+  position: absolute;
+  padding: 0.5rem 1rem;
+  overflow: hidden;
+  hyphens: auto;
+  text-overflow: ${({ multiline }) => (multiline ? "clip" : "ellipsis")};
+  white-space: ${({ multiline }) => (multiline ? "normal" : "pre")};
+  max-width: ${({ multiline }) => (multiline ? "15rem" : "auto")};
+  width: ${({ multiline }) => (multiline ? "15rem" : "auto")};
+  word-break: ${({ multiline }) => (multiline ? "keep-all" : "unset")};
+`;
+
+const TooltipContainerTop = styled(TooltipContainerBase)`
+  left: 50%;
+  bottom: calc(100% + 5px);
+  transform: translateX(-50%);
+`;
+
+const TooltipContainerBottom = styled(TooltipContainerBase)`
+  left: 50%;
+  top: calc(100% + 5px);
+  transform: translateX(-50%);
+`;
+
+const TooltipContainerLeft = styled(TooltipContainerBase)`
+  right: calc(100% + 5px);
+  top: 50%;
+  transform: translateY(-50%);
+`;
+
+const TooltipContainerRight = styled(TooltipContainerBase)`
+  left: calc(100% + 5px);
+  top: 50%;
+  transform: translateY(-50%);
+`;
+
+const Container = {
+  bottom: TooltipContainerBottom,
+  left: TooltipContainerLeft,
+  right: TooltipContainerRight,
+  top: TooltipContainerTop
+};
 
 type Props = {
   message: string;
   className?: string;
-  location: TooltipLocation;
+  location?: TooltipLocation;
   multiline?: boolean;
   children: ReactNode;
   id?: string;
@@ -34,27 +150,53 @@ type Props = {
 
 export type TooltipLocation = "bottom" | "right" | "top" | "left";
 
-class Tooltip extends React.Component<Props> {
-  static defaultProps = {
-    location: "right"
-  };
+const Tooltip: FC<Props> = ({ className, message, location = "right", multiline, children, id }) => {
+  const [open, setOpen] = useState(false);
 
-  render() {
-    const { className, message, location, multiline, children, id } = this.props;
-    let classes = `tooltip has-tooltip-${location}`;
-    if (multiline) {
-      classes += " has-tooltip-multiline";
-    }
-    if (className) {
-      classes += " " + className;
-    }
+  useEffect(() => {
+    const listener = (event: KeyboardEvent) => {
+      if (event.key === "Escape") {
+        setOpen(false);
+      }
+    };
+    window.addEventListener("keydown", listener);
+    return () => window.removeEventListener("keydown", listener);
+  }, []);
 
-    return (
-      <span className={classes} data-tooltip={message} aria-label={message} id={id}>
-        {children}
-      </span>
-    );
-  }
-}
+  const LocationContainer = Container[location];
+  const LocationArrow = Arrow[location];
+
+  return (
+    <TooltipWrapper
+      onMouseEnter={() => setOpen(true)}
+      onMouseLeave={() => setOpen(false)}
+      onClick={() => setOpen(false)}
+    >
+      {open ? (
+        <>
+          <LocationArrow className={`tooltip-arrow-${location}-border-color`} />
+          <LocationContainer
+            className={classNames(
+              "is-size-7",
+              "is-family-primary",
+              "has-rounded-border",
+              "has-text-white",
+              "has-background-grey-dark",
+              "has-text-weight-semibold",
+              className
+            )}
+            multiline={multiline}
+            aria-live="polite"
+            id={id}
+            role="tooltip"
+          >
+            {message}
+          </LocationContainer>
+        </>
+      ) : null}
+      {children}
+    </TooltipWrapper>
+  );
+};
 
 export default Tooltip;
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 b58e5bfb9c..8cbdca9ea8 100644
--- a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
+++ b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
@@ -143,10 +143,11 @@ exports[`Storyshots BreadCrumb Default 1`] = `
         onKeyDown={[Function]}
         tabIndex={0}
       >
-        <span
-          aria-label="breadcrumb.copyPermalink"
-          className="tooltip has-tooltip-right"
-          data-tooltip="breadcrumb.copyPermalink"
+        <div
+          className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+          onClick={[Function]}
+          onMouseEnter={[Function]}
+          onMouseLeave={[Function]}
         >
           <i
             aria-label="breadcrumb.copyPermalink"
@@ -154,7 +155,7 @@ exports[`Storyshots BreadCrumb Default 1`] = `
             onClick={[Function]}
             onKeyPress={[Function]}
           />
-        </span>
+        </div>
       </span>
     </nav>
     <div
@@ -302,10 +303,11 @@ exports[`Storyshots BreadCrumb Long path 1`] = `
         onKeyDown={[Function]}
         tabIndex={0}
       >
-        <span
-          aria-label="breadcrumb.copyPermalink"
-          className="tooltip has-tooltip-right"
-          data-tooltip="breadcrumb.copyPermalink"
+        <div
+          className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+          onClick={[Function]}
+          onMouseEnter={[Function]}
+          onMouseLeave={[Function]}
         >
           <i
             aria-label="breadcrumb.copyPermalink"
@@ -313,7 +315,7 @@ exports[`Storyshots BreadCrumb Long path 1`] = `
             onClick={[Function]}
             onKeyPress={[Function]}
           />
-        </span>
+        </div>
       </span>
     </nav>
     <div
@@ -392,10 +394,11 @@ exports[`Storyshots BreadCrumb Not clickable 1`] = `
         onKeyDown={[Function]}
         tabIndex={0}
       >
-        <span
-          aria-label="breadcrumb.copyPermalink"
-          className="tooltip has-tooltip-right"
-          data-tooltip="breadcrumb.copyPermalink"
+        <div
+          className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+          onClick={[Function]}
+          onMouseEnter={[Function]}
+          onMouseLeave={[Function]}
         >
           <i
             aria-label="breadcrumb.copyPermalink"
@@ -403,7 +406,7 @@ exports[`Storyshots BreadCrumb Not clickable 1`] = `
             onClick={[Function]}
             onKeyPress={[Function]}
           />
-        </span>
+        </div>
       </span>
     </nav>
     <div
@@ -514,10 +517,11 @@ exports[`Storyshots BreadCrumb With prefix button 1`] = `
         onKeyDown={[Function]}
         tabIndex={0}
       >
-        <span
-          aria-label="breadcrumb.copyPermalink"
-          className="tooltip has-tooltip-right"
-          data-tooltip="breadcrumb.copyPermalink"
+        <div
+          className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+          onClick={[Function]}
+          onMouseEnter={[Function]}
+          onMouseLeave={[Function]}
         >
           <i
             aria-label="breadcrumb.copyPermalink"
@@ -525,7 +529,7 @@ exports[`Storyshots BreadCrumb With prefix button 1`] = `
             onClick={[Function]}
             onKeyPress={[Function]}
           />
-        </span>
+        </div>
       </span>
     </nav>
     <div
@@ -2459,18 +2463,18 @@ exports[`Storyshots Forms/Checkbox With HelpText 1`] = `
         />
          
         Classic helpText
-        <span
-          aria-label="This is a classic help text."
-          className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
-          data-tooltip="This is a classic help text."
-          id="checkbox_19"
+        <div
+          className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+          onClick={[Function]}
+          onMouseEnter={[Function]}
+          onMouseLeave={[Function]}
         >
           <i
             aria-label=""
             className="fas fa-fw fa-question-circle has-text-blue-light"
             onKeyPress={[Function]}
           />
-        </span>
+        </div>
       </label>
     </div>
   </fieldset>
@@ -2494,18 +2498,18 @@ exports[`Storyshots Forms/Checkbox With HelpText 1`] = `
         />
          
         Long helpText
-        <span
-          aria-label="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
-          className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
-          data-tooltip="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
-          id="checkbox_21"
+        <div
+          className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+          onClick={[Function]}
+          onMouseEnter={[Function]}
+          onMouseLeave={[Function]}
         >
           <i
             aria-label=""
             className="fas fa-fw fa-question-circle has-text-blue-light"
             onKeyPress={[Function]}
           />
-        </span>
+        </div>
       </label>
     </div>
   </fieldset>
@@ -2636,17 +2640,18 @@ exports[`Storyshots Forms/FileInput Default 1`] = `
           Upload File
         </span>
          
-        <span
-          aria-label="Select your most loved file"
-          className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
-          data-tooltip="Select your most loved file"
+        <div
+          className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+          onClick={[Function]}
+          onMouseEnter={[Function]}
+          onMouseLeave={[Function]}
         >
           <i
             aria-label=""
             className="fas fa-fw fa-question-circle has-text-blue-light"
             onKeyPress={[Function]}
           />
-        </span>
+        </div>
       </label>
       <div
         className="file is-info has-name is-fullwidth"
@@ -3344,18 +3349,18 @@ exports[`Storyshots Forms/Radio With HelpText 1`] = `
       >
         Classic helpText
       </span>
-      <span
-        aria-label="This is a classic help text."
-        className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
-        data-tooltip="This is a classic help text."
-        id="radio_62"
+      <div
+        className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+        onClick={[Function]}
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
       >
         <i
           aria-label=""
           className="fas fa-fw fa-question-circle has-text-blue-light"
           onKeyPress={[Function]}
         />
-      </span>
+      </div>
     </label>
   </fieldset>
   <fieldset
@@ -3378,18 +3383,18 @@ exports[`Storyshots Forms/Radio With HelpText 1`] = `
       >
         Long helpText
       </span>
-      <span
-        aria-label="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
-        className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
-        data-tooltip="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
-        id="radio_64"
+      <div
+        className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+        onClick={[Function]}
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
       >
         <i
           aria-label=""
           className="fas fa-fw fa-question-circle has-text-blue-light"
           onKeyPress={[Function]}
         />
-      </span>
+      </div>
     </label>
   </fieldset>
 </div>
@@ -4267,17 +4272,18 @@ exports[`Storyshots Help Default 1`] = `
 <div
   className="m-6"
 >
-  <span
-    aria-label="This is a help message"
-    className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
-    data-tooltip="This is a help message"
+  <div
+    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+    onClick={[Function]}
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
   >
     <i
       aria-label=""
       className="fas fa-fw fa-question-circle has-text-blue-light"
       onKeyPress={[Function]}
     />
-  </span>
+  </div>
 </div>
 `;
 
@@ -4291,23 +4297,18 @@ exports[`Storyshots Help Multiline 1`] = `
     <label>
       With multiline (default):
     </label>
-    <span
-      aria-label="Cleverness nuclear genuine static irresponsibility invited President Zaphod
-Beeblebrox hyperspace ship. Another custard through computer-generated universe
-shapes field strong disaster parties Russell’s ancestors infinite colour
-imaginative generator sweep."
-      className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
-      data-tooltip="Cleverness nuclear genuine static irresponsibility invited President Zaphod
-Beeblebrox hyperspace ship. Another custard through computer-generated universe
-shapes field strong disaster parties Russell’s ancestors infinite colour
-imaginative generator sweep."
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
     >
       <i
         aria-label=""
         className="fas fa-fw fa-question-circle has-text-blue-light"
         onKeyPress={[Function]}
       />
-    </span>
+    </div>
   </div>
   <div
     className="mt-4"
@@ -4315,23 +4316,18 @@ imaginative generator sweep."
     <label>
       Without multiline:
     </label>
-    <span
-      aria-label="Cleverness nuclear genuine static irresponsibility invited President Zaphod
-Beeblebrox hyperspace ship. Another custard through computer-generated universe
-shapes field strong disaster parties Russell’s ancestors infinite colour
-imaginative generator sweep."
-      className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1"
-      data-tooltip="Cleverness nuclear genuine static irresponsibility invited President Zaphod
-Beeblebrox hyperspace ship. Another custard through computer-generated universe
-shapes field strong disaster parties Russell’s ancestors infinite colour
-imaginative generator sweep."
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
     >
       <i
         aria-label=""
         className="fas fa-fw fa-question-circle has-text-blue-light"
         onKeyPress={[Function]}
       />
-    </span>
+    </div>
   </div>
 </div>
 `;
@@ -4671,10 +4667,11 @@ exports[`Storyshots MarkdownView Code without Lang 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-1"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -4682,7 +4679,7 @@ exports[`Storyshots MarkdownView Code without Lang 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -5820,10 +5817,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-1"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -5831,7 +5829,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -5863,10 +5861,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-2"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -5874,7 +5873,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -5892,10 +5891,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-3"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -5903,7 +5903,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -5955,10 +5955,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-4"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -5966,7 +5967,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -6003,10 +6004,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-5"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -6014,7 +6016,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -6051,10 +6053,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-6"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -6062,7 +6065,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -6099,10 +6102,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-7"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -6110,7 +6114,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -6128,10 +6132,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-8"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -6139,7 +6144,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -6292,10 +6297,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-9"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -6303,7 +6309,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -6485,10 +6491,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-10"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -6496,7 +6503,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -6533,10 +6540,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-11"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -6544,7 +6552,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -6562,10 +6570,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-12"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -6573,7 +6582,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -6660,10 +6669,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-13"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -6671,7 +6681,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -6763,10 +6773,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-14"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -6774,7 +6785,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -6876,10 +6887,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-15"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -6887,7 +6899,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -7074,10 +7086,11 @@ exports[`Storyshots MarkdownView Header Anchor Links 1`] = `
           id="changelog"
         >
           Changelog
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -7085,7 +7098,7 @@ exports[`Storyshots MarkdownView Header Anchor Links 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h1>
       </a>
       
@@ -7125,10 +7138,11 @@ and this project adheres to
           id="compl_icated_h€ader"
         >
           Compl_icated_H€aDer
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -7136,7 +7150,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h1>
       </a>
       
@@ -7156,10 +7170,11 @@ and this project adheres to
             2.16.0
           </a>
            - 2021-03-26
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -7167,7 +7182,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -7180,10 +7195,11 @@ and this project adheres to
           id="added"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -7191,7 +7207,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -7314,10 +7330,11 @@ and this project adheres to
           id="fixed"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -7325,7 +7342,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -7422,10 +7439,11 @@ and this project adheres to
           id="changed"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -7433,7 +7451,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -7498,10 +7516,11 @@ and this project adheres to
             2.15.1
           </a>
            - 2021-03-17
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -7509,7 +7528,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -7522,10 +7541,11 @@ and this project adheres to
           id="fixed-1"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -7533,7 +7553,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -7674,10 +7694,11 @@ and this project adheres to
             2.15.0
           </a>
            - 2021-03-12
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -7685,7 +7706,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -7698,10 +7719,11 @@ and this project adheres to
           id="added-1"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -7709,7 +7731,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -7793,10 +7815,11 @@ and this project adheres to
           id="fixed-2"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -7804,7 +7827,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -7869,10 +7892,11 @@ and this project adheres to
             2.14.1
           </a>
            - 2021-03-03
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -7880,7 +7904,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -7893,10 +7917,11 @@ and this project adheres to
           id="fixed-3"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -7904,7 +7929,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -8000,10 +8025,11 @@ and this project adheres to
             2.14.0
           </a>
            - 2021-03-01
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -8011,7 +8037,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -8024,10 +8050,11 @@ and this project adheres to
           id="added-2"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -8035,7 +8062,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -8158,10 +8185,11 @@ and this project adheres to
           id="fixed-4"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -8169,7 +8197,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -8279,10 +8307,11 @@ and this project adheres to
           id="changed-1"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -8290,7 +8319,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -8394,10 +8423,11 @@ and this project adheres to
             2.13.0
           </a>
            - 2021-01-29
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -8405,7 +8435,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -8418,10 +8448,11 @@ and this project adheres to
           id="added-3"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -8429,7 +8460,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -8578,10 +8609,11 @@ and this project adheres to
           id="changed-2"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -8589,7 +8621,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -8704,10 +8736,11 @@ and this project adheres to
           id="fixed-5"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -8715,7 +8748,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -8780,10 +8813,11 @@ and this project adheres to
             2.12.0
           </a>
            - 2020-12-17
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -8791,7 +8825,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -8804,10 +8838,11 @@ and this project adheres to
           id="added-4"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -8815,7 +8850,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -8873,10 +8908,11 @@ and this project adheres to
           id="changed-3"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -8884,7 +8920,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -8916,10 +8952,11 @@ and this project adheres to
           id="fixed-6"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -8927,7 +8964,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -9026,10 +9063,11 @@ and this project adheres to
             2.11.1
           </a>
            - 2020-12-07
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9037,7 +9075,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -9050,10 +9088,11 @@ and this project adheres to
           id="fixed-7"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9061,7 +9100,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -9108,10 +9147,11 @@ and this project adheres to
             2.11.0
           </a>
            - 2020-12-04
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9119,7 +9159,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -9132,10 +9172,11 @@ and this project adheres to
           id="added-5"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9143,7 +9184,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -9274,10 +9315,11 @@ and this project adheres to
           id="changed-4"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9285,7 +9327,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -9317,10 +9359,11 @@ and this project adheres to
           id="fixed-8"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9328,7 +9371,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -9392,10 +9435,11 @@ and this project adheres to
             2.10.1
           </a>
            - 2020-11-24
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9403,7 +9447,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -9416,10 +9460,11 @@ and this project adheres to
           id="fixed-9"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9427,7 +9472,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -9479,10 +9524,11 @@ and this project adheres to
             2.10.0
           </a>
            - 2020-11-20
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9490,7 +9536,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -9503,10 +9549,11 @@ and this project adheres to
           id="added-6"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9514,7 +9561,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -9598,10 +9645,11 @@ and this project adheres to
           id="fixed-10"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9609,7 +9657,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -9686,10 +9734,11 @@ and this project adheres to
             2.9.1
           </a>
            - 2020-11-11
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9697,7 +9746,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -9710,10 +9759,11 @@ and this project adheres to
           id="fixed-11"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9721,7 +9771,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -9752,10 +9802,11 @@ and this project adheres to
             2.9.0
           </a>
            - 2020-11-06
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9763,7 +9814,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -9776,10 +9827,11 @@ and this project adheres to
           id="added-7"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9787,7 +9839,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -9862,10 +9914,11 @@ and this project adheres to
           id="fixed-12"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -9873,7 +9926,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -9990,10 +10043,11 @@ and this project adheres to
             2.8.0
           </a>
            - 2020-10-27
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10001,7 +10055,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -10014,10 +10068,11 @@ and this project adheres to
           id="added-8"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10025,7 +10080,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -10083,10 +10138,11 @@ and this project adheres to
           id="changed-5"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10094,7 +10150,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -10139,10 +10195,11 @@ and this project adheres to
           id="fixed-13"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10150,7 +10207,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -10215,10 +10272,11 @@ and this project adheres to
             2.6.3
           </a>
            - 2020-10-16
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10226,7 +10284,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -10239,10 +10297,11 @@ and this project adheres to
           id="fixed-14"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10250,7 +10309,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -10289,10 +10348,11 @@ and this project adheres to
             2.7.1
           </a>
            - 2020-10-14
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10300,7 +10360,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -10313,10 +10373,11 @@ and this project adheres to
           id="fixed-15"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10324,7 +10385,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -10369,10 +10430,11 @@ and this project adheres to
           id="changed-6"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10380,7 +10442,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -10419,10 +10481,11 @@ and this project adheres to
             2.7.0
           </a>
            - 2020-10-12
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10430,7 +10493,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -10443,10 +10506,11 @@ and this project adheres to
           id="added-9"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10454,7 +10518,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -10493,10 +10557,11 @@ and this project adheres to
             2.6.2
           </a>
            - 2020-10-09
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10504,7 +10569,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -10517,10 +10582,11 @@ and this project adheres to
           id="added-10"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10528,7 +10594,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -10560,10 +10626,11 @@ and this project adheres to
           id="fixed-16"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10571,7 +10638,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -10636,10 +10703,11 @@ and this project adheres to
             2.6.1
           </a>
            - 2020-09-30
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10647,7 +10715,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -10660,10 +10728,11 @@ and this project adheres to
           id="fixed-17"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10671,7 +10740,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -10710,10 +10779,11 @@ and this project adheres to
             2.6.0
           </a>
            - 2020-09-25
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10721,7 +10791,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -10734,10 +10804,11 @@ and this project adheres to
           id="added-11"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10745,7 +10816,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -10816,10 +10887,11 @@ and this project adheres to
           id="changed-7"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10827,7 +10899,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -10859,10 +10931,11 @@ and this project adheres to
           id="fixed-18"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -10870,7 +10943,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -11013,10 +11086,11 @@ and this project adheres to
             2.5.0
           </a>
            - 2020-09-10
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11024,7 +11098,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -11037,10 +11111,11 @@ and this project adheres to
           id="added-12"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11048,7 +11123,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -11132,10 +11207,11 @@ and this project adheres to
           id="fixed-19"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11143,7 +11219,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -11213,10 +11289,11 @@ and this project adheres to
             2.4.1
           </a>
            - 2020-09-01
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11224,7 +11301,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -11237,10 +11314,11 @@ and this project adheres to
           id="added-13"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11248,7 +11326,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -11280,10 +11358,11 @@ and this project adheres to
           id="fixed-20"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11291,7 +11370,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -11460,10 +11539,11 @@ and this project adheres to
             2.4.0
           </a>
            - 2020-08-14
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11471,7 +11551,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -11484,10 +11564,11 @@ and this project adheres to
           id="added-14"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11495,7 +11576,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -11605,10 +11686,11 @@ and this project adheres to
           id="fixed-21"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11616,7 +11698,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -11694,10 +11776,11 @@ and this project adheres to
             2.3.1
           </a>
            - 2020-08-04
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11705,7 +11788,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -11718,10 +11801,11 @@ and this project adheres to
           id="added-15"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11729,7 +11813,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -11761,10 +11845,11 @@ and this project adheres to
           id="changed-8"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11772,7 +11857,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -11804,10 +11889,11 @@ and this project adheres to
           id="fixed-22"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11815,7 +11901,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -11867,10 +11953,11 @@ and this project adheres to
             2.3.0
           </a>
            - 2020-07-23
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11878,7 +11965,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -11891,10 +11978,11 @@ and this project adheres to
           id="added-16"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11902,7 +11990,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -11960,10 +12048,11 @@ and this project adheres to
           id="changed-9"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -11971,7 +12060,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -12021,10 +12110,11 @@ and this project adheres to
           id="fixed-23"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -12032,7 +12122,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -12149,10 +12239,11 @@ and this project adheres to
             2.2.0
           </a>
            - 2020-07-03
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -12160,7 +12251,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -12173,10 +12264,11 @@ and this project adheres to
           id="added-17"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -12184,7 +12276,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -12251,10 +12343,11 @@ and this project adheres to
           id="changed-10"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -12262,7 +12355,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -12328,10 +12421,11 @@ and this project adheres to
           id="fixed-24"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -12339,7 +12433,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -12484,10 +12578,11 @@ and this project adheres to
             2.1.1
           </a>
            - 2020-06-23
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -12495,7 +12590,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -12508,10 +12603,11 @@ and this project adheres to
           id="fixed-25"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -12519,7 +12615,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -12592,10 +12688,11 @@ and this project adheres to
             2.1.0
           </a>
            - 2020-06-18
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -12603,7 +12700,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -12616,10 +12713,11 @@ and this project adheres to
           id="added-18"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -12627,7 +12725,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -12711,10 +12809,11 @@ and this project adheres to
           id="fixed-26"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -12722,7 +12821,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -12941,10 +13040,11 @@ and this project adheres to
             2.0.0
           </a>
            - 2020-06-04
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -12952,7 +13052,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -12965,10 +13065,11 @@ and this project adheres to
           id="added-19"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -12976,7 +13077,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -13047,10 +13148,11 @@ and this project adheres to
           id="fixed-27"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13058,7 +13160,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -13123,10 +13225,11 @@ and this project adheres to
             2.0.0-rc8
           </a>
            - 2020-05-08
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13134,7 +13237,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -13147,10 +13250,11 @@ and this project adheres to
           id="added-20"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13158,7 +13262,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -13233,10 +13337,11 @@ and this project adheres to
           id="changed-11"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13244,7 +13349,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -13340,10 +13445,11 @@ and this project adheres to
           id="fixed-28"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13351,7 +13457,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -13450,10 +13556,11 @@ and this project adheres to
             2.0.0-rc7
           </a>
            - 2020-04-09
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13461,7 +13568,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -13474,10 +13581,11 @@ and this project adheres to
           id="added-21"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13485,7 +13593,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -13530,10 +13638,11 @@ and this project adheres to
           id="changed-12"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13541,7 +13650,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -13586,10 +13695,11 @@ and this project adheres to
           id="fixed-29"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13597,7 +13707,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -13649,10 +13759,11 @@ and this project adheres to
             2.0.0-rc6
           </a>
            - 2020-03-26
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13660,7 +13771,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -13673,10 +13784,11 @@ and this project adheres to
           id="added-22"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13684,7 +13796,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -13781,10 +13893,11 @@ and this project adheres to
           id="changed-13"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13792,7 +13905,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -13839,10 +13952,11 @@ and this project adheres to
           id="removed"
         >
           Removed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13850,7 +13964,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -13887,10 +14001,11 @@ and this project adheres to
           id="fixed-30"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13898,7 +14013,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -13979,10 +14094,11 @@ and this project adheres to
             2.0.0-rc5
           </a>
            - 2020-03-12
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -13990,7 +14106,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -14003,10 +14119,11 @@ and this project adheres to
           id="added-23"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14014,7 +14131,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -14063,10 +14180,11 @@ and this project adheres to
           id="changed-14"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14074,7 +14192,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -14113,10 +14231,11 @@ and this project adheres to
           id="fixed-31"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14124,7 +14243,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -14163,10 +14282,11 @@ and this project adheres to
           id="removed-1"
         >
           Removed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14174,7 +14294,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -14210,10 +14330,11 @@ and this project adheres to
             2.0.0-rc4
           </a>
            - 2020-02-14
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14221,7 +14342,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -14234,10 +14355,11 @@ and this project adheres to
           id="added-24"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14245,7 +14367,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -14279,10 +14401,11 @@ and this project adheres to
           id="changed-15"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14290,7 +14413,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -14358,10 +14481,11 @@ and this project adheres to
           id="fixed-32"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14369,7 +14493,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -14406,10 +14530,11 @@ and this project adheres to
             2.0.0-rc3
           </a>
            - 2020-01-31
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14417,7 +14542,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -14430,10 +14555,11 @@ and this project adheres to
           id="fixed-33"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14441,7 +14567,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -14477,10 +14603,11 @@ and this project adheres to
             2.0.0-rc2
           </a>
            - 2020-01-29
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14488,7 +14615,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -14501,10 +14628,11 @@ and this project adheres to
           id="added-25"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14512,7 +14640,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -14561,10 +14689,11 @@ and this project adheres to
           id="changed-16"
         >
           Changed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14572,7 +14701,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -14601,10 +14730,11 @@ and this project adheres to
           id="fixed-34"
         >
           Fixed
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14612,7 +14742,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -14673,10 +14803,11 @@ and this project adheres to
             2.0.0-rc1
           </a>
            - 2019-12-02
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14684,7 +14815,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h2>
       </a>
       
@@ -14697,10 +14828,11 @@ and this project adheres to
           id="added-26"
         >
           Added
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -14708,7 +14840,7 @@ and this project adheres to
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
         </h3>
       </a>
       
@@ -14894,10 +15026,11 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-1"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -14905,7 +15038,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -14927,10 +15060,11 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-2"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -14938,7 +15072,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -14956,10 +15090,11 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-3"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -14967,7 +15102,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -14985,10 +15120,11 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-4"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -14996,7 +15132,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -15014,10 +15150,11 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-5"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -15025,7 +15162,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -15043,10 +15180,11 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-6"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -15054,7 +15192,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -15072,10 +15210,11 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-7"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -15083,7 +15222,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -15101,10 +15240,11 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-8"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -15112,7 +15252,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -15130,10 +15270,11 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-9"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -15141,7 +15282,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -15159,10 +15300,11 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-10"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -15170,7 +15312,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -15188,10 +15330,11 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-11"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -15199,7 +15342,7 @@ exports[`Storyshots MarkdownView Inline Xml 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -16458,10 +16601,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-1"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -16469,7 +16613,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -16501,10 +16645,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-2"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -16512,7 +16657,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -16530,10 +16675,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-3"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -16541,7 +16687,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -16593,10 +16739,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-4"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -16604,7 +16751,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -16641,10 +16788,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-5"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -16652,7 +16800,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -16689,10 +16837,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-6"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -16700,7 +16849,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -16737,10 +16886,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-7"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -16748,7 +16898,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -16766,10 +16916,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-8"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -16777,7 +16928,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -16930,10 +17081,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-9"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -16941,7 +17093,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -17123,10 +17275,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-10"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -17134,7 +17287,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -17171,10 +17324,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-11"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -17182,7 +17336,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -17200,10 +17354,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-12"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -17211,7 +17366,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -17298,10 +17453,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-13"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -17309,7 +17465,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -17401,10 +17557,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-14"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -17412,7 +17569,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -17514,10 +17671,11 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-15"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -17525,7 +17683,7 @@ Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -17817,10 +17975,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-1"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -17828,7 +17987,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -17900,10 +18059,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-2"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -17911,7 +18071,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -17929,10 +18089,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-3"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -17940,7 +18101,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -17958,10 +18119,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-4"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -17969,7 +18131,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -17987,10 +18149,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-5"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -17998,7 +18161,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -18055,10 +18218,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-6"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -18066,7 +18230,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -18123,10 +18287,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-7"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -18134,7 +18299,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -18152,10 +18317,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-8"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -18163,7 +18329,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -18181,10 +18347,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-9"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -18192,7 +18359,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -18210,10 +18377,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-10"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -18221,7 +18389,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -18278,10 +18446,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-11"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -18289,7 +18458,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -18381,10 +18550,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-12"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -18392,7 +18562,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -18484,10 +18654,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-13"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -18495,7 +18666,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -18552,10 +18723,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-14"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -18563,7 +18735,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -18620,10 +18792,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-15"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -18631,7 +18804,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -18723,10 +18896,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-16"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -18734,7 +18908,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -18826,10 +19000,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-17"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -18837,7 +19012,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -18894,10 +19069,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-18"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -18905,7 +19081,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -18962,10 +19138,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-19"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -18973,7 +19150,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -19030,10 +19207,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-20"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -19041,7 +19219,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -19059,10 +19237,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-21"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -19070,7 +19249,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -19088,10 +19267,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-22"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -19099,7 +19279,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -19117,10 +19297,11 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
               className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
               id="line-23"
             >
-              <span
-                aria-label="sources.content.copyPermalink"
-                className="tooltip has-tooltip-right"
-                data-tooltip="sources.content.copyPermalink"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label="sources.content.copyPermalink"
@@ -19128,7 +19309,7 @@ exports[`Storyshots MarkdownView Xml Code Block 1`] = `
                   onClick={[Function]}
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
               <span
                 className="linenumber react-syntax-highlighter-line-number"
                 onClick={[Function]}
@@ -19691,18 +19872,18 @@ exports[`Storyshots Modal/Modal With form elements 1`] = `
             >
               One
             </span>
-            <span
-              aria-label="The first one"
-              className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
-              data-tooltip="The first one"
-              id="radio_122"
+            <div
+              className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+              onClick={[Function]}
+              onMouseEnter={[Function]}
+              onMouseLeave={[Function]}
             >
               <i
                 aria-label=""
                 className="fas fa-fw fa-question-circle has-text-blue-light"
                 onKeyPress={[Function]}
               />
-            </span>
+            </div>
           </label>
         </fieldset>
         <fieldset
@@ -19725,18 +19906,18 @@ exports[`Storyshots Modal/Modal With form elements 1`] = `
             >
               Two
             </span>
-            <span
-              aria-label="The second one"
-              className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
-              data-tooltip="The second one"
-              id="radio_124"
+            <div
+              className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+              onClick={[Function]}
+              onMouseEnter={[Function]}
+              onMouseLeave={[Function]}
             >
               <i
                 aria-label=""
                 className="fas fa-fw fa-question-circle has-text-blue-light"
                 onKeyPress={[Function]}
               />
-            </span>
+            </div>
           </label>
         </fieldset>
       </div>
@@ -20055,24 +20236,18 @@ exports[`Storyshots Modal/Modal With long tooltips 1`] = `
               />
                
               Checkbox
-              <span
-                aria-label="Mind-paralyzing change needed improbability vortex machine sorts sought same theory upending job just allows
-    hostess’s really oblong Infinite Improbability thing into the starship against which behavior accordance.with
-    Kakrafoon humanoid undergarment ship powered by GPP-guided bowl of petunias nothing was frequently away incredibly
-    ordinary mob."
-                className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
-                data-tooltip="Mind-paralyzing change needed improbability vortex machine sorts sought same theory upending job just allows
-    hostess’s really oblong Infinite Improbability thing into the starship against which behavior accordance.with
-    Kakrafoon humanoid undergarment ship powered by GPP-guided bowl of petunias nothing was frequently away incredibly
-    ordinary mob."
-                id="checkbox_130"
+              <div
+                className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                onClick={[Function]}
+                onMouseEnter={[Function]}
+                onMouseLeave={[Function]}
               >
                 <i
                   aria-label=""
                   className="fas fa-fw fa-question-circle has-text-blue-light"
                   onKeyPress={[Function]}
                 />
-              </span>
+              </div>
             </label>
           </div>
         </fieldset>
@@ -20101,24 +20276,18 @@ exports[`Storyshots Modal/Modal With long tooltips 1`] = `
             >
               Radio button
             </span>
-            <span
-              aria-label="Mind-paralyzing change needed improbability vortex machine sorts sought same theory upending job just allows
-    hostess’s really oblong Infinite Improbability thing into the starship against which behavior accordance.with
-    Kakrafoon humanoid undergarment ship powered by GPP-guided bowl of petunias nothing was frequently away incredibly
-    ordinary mob."
-              className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
-              data-tooltip="Mind-paralyzing change needed improbability vortex machine sorts sought same theory upending job just allows
-    hostess’s really oblong Infinite Improbability thing into the starship against which behavior accordance.with
-    Kakrafoon humanoid undergarment ship powered by GPP-guided bowl of petunias nothing was frequently away incredibly
-    ordinary mob."
-              id="radio_132"
+            <div
+              className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+              onClick={[Function]}
+              onMouseEnter={[Function]}
+              onMouseLeave={[Function]}
             >
               <i
                 aria-label=""
                 className="fas fa-fw fa-question-circle has-text-blue-light"
                 onKeyPress={[Function]}
               />
-            </span>
+            </div>
           </label>
         </fieldset>
       </div>
@@ -20138,24 +20307,18 @@ exports[`Storyshots Modal/Modal With long tooltips 1`] = `
               Input
             </span>
              
-            <span
-              aria-label="Mind-paralyzing change needed improbability vortex machine sorts sought same theory upending job just allows
-    hostess’s really oblong Infinite Improbability thing into the starship against which behavior accordance.with
-    Kakrafoon humanoid undergarment ship powered by GPP-guided bowl of petunias nothing was frequently away incredibly
-    ordinary mob."
-              className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
-              data-tooltip="Mind-paralyzing change needed improbability vortex machine sorts sought same theory upending job just allows
-    hostess’s really oblong Infinite Improbability thing into the starship against which behavior accordance.with
-    Kakrafoon humanoid undergarment ship powered by GPP-guided bowl of petunias nothing was frequently away incredibly
-    ordinary mob."
-              id="input_134"
+            <div
+              className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+              onClick={[Function]}
+              onMouseEnter={[Function]}
+              onMouseLeave={[Function]}
             >
               <i
                 aria-label=""
                 className="fas fa-fw fa-question-circle has-text-blue-light"
                 onKeyPress={[Function]}
               />
-            </span>
+            </div>
           </label>
           <div
             className="control"
@@ -20187,24 +20350,18 @@ exports[`Storyshots Modal/Modal With long tooltips 1`] = `
               Textarea
             </span>
              
-            <span
-              aria-label="Mind-paralyzing change needed improbability vortex machine sorts sought same theory upending job just allows
-    hostess’s really oblong Infinite Improbability thing into the starship against which behavior accordance.with
-    Kakrafoon humanoid undergarment ship powered by GPP-guided bowl of petunias nothing was frequently away incredibly
-    ordinary mob."
-              className="tooltip has-tooltip-right Help__AbsolutePositionTooltip-ykmmew-0 fpvHMo is-inline-block pl-1 has-tooltip-multiline"
-              data-tooltip="Mind-paralyzing change needed improbability vortex machine sorts sought same theory upending job just allows
-    hostess’s really oblong Infinite Improbability thing into the starship against which behavior accordance.with
-    Kakrafoon humanoid undergarment ship powered by GPP-guided bowl of petunias nothing was frequently away incredibly
-    ordinary mob."
-              id="textarea_136"
+            <div
+              className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+              onClick={[Function]}
+              onMouseEnter={[Function]}
+              onMouseLeave={[Function]}
             >
               <i
                 aria-label=""
                 className="fas fa-fw fa-question-circle has-text-blue-light"
                 onKeyPress={[Function]}
               />
-            </span>
+            </div>
           </label>
           <div
             className="control"
@@ -24381,10 +24538,11 @@ exports[`Storyshots Repositories/Diff Binaries 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -24395,15 +24553,16 @@ exports[`Storyshots Repositories/Diff Binaries 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -24414,7 +24573,7 @@ exports[`Storyshots Repositories/Diff Binaries 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -24681,10 +24840,11 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                 <div
                   className="control"
                 >
-                  <span
-                    aria-label="diff.sideBySide"
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <button
                       aria-label="diff.sideBySide"
@@ -24695,15 +24855,16 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                         className="fas fa-columns"
                       />
                     </button>
-                  </span>
+                  </div>
                 </div>
                 <div
                   className="control"
                 >
-                  <span
-                    aria-label="diff.fullscreen.open"
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <button
                       aria-label="diff.fullscreen.open"
@@ -24714,7 +24875,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                         className="fas fa-search-plus"
                       />
                     </button>
-                  </span>
+                  </div>
                 </div>
               </div>
             </div>
@@ -25304,10 +25465,11 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                 <div
                   className="control"
                 >
-                  <span
-                    aria-label="diff.sideBySide"
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <button
                       aria-label="diff.sideBySide"
@@ -25318,15 +25480,16 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                         className="fas fa-columns"
                       />
                     </button>
-                  </span>
+                  </div>
                 </div>
                 <div
                   className="control"
                 >
-                  <span
-                    aria-label="diff.fullscreen.open"
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <button
                       aria-label="diff.fullscreen.open"
@@ -25337,7 +25500,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                         className="fas fa-search-plus"
                       />
                     </button>
-                  </span>
+                  </div>
                 </div>
               </div>
             </div>
@@ -26264,10 +26427,11 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                 <div
                   className="control"
                 >
-                  <span
-                    aria-label="diff.sideBySide"
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <button
                       aria-label="diff.sideBySide"
@@ -26278,15 +26442,16 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                         className="fas fa-columns"
                       />
                     </button>
-                  </span>
+                  </div>
                 </div>
                 <div
                   className="control"
                 >
-                  <span
-                    aria-label="diff.fullscreen.open"
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <button
                       aria-label="diff.fullscreen.open"
@@ -26297,7 +26462,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                         className="fas fa-search-plus"
                       />
                     </button>
-                  </span>
+                  </div>
                 </div>
               </div>
             </div>
@@ -26795,10 +26960,11 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                 <div
                   className="control"
                 >
-                  <span
-                    aria-label="diff.sideBySide"
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <button
                       aria-label="diff.sideBySide"
@@ -26809,15 +26975,16 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                         className="fas fa-columns"
                       />
                     </button>
-                  </span>
+                  </div>
                 </div>
                 <div
                   className="control"
                 >
-                  <span
-                    aria-label="diff.fullscreen.open"
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <button
                       aria-label="diff.fullscreen.open"
@@ -26828,7 +26995,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                         className="fas fa-search-plus"
                       />
                     </button>
-                  </span>
+                  </div>
                 </div>
               </div>
             </div>
@@ -27326,10 +27493,11 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                 <div
                   className="control"
                 >
-                  <span
-                    aria-label="diff.sideBySide"
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <button
                       aria-label="diff.sideBySide"
@@ -27340,15 +27508,16 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                         className="fas fa-columns"
                       />
                     </button>
-                  </span>
+                  </div>
                 </div>
                 <div
                   className="control"
                 >
-                  <span
-                    aria-label="diff.fullscreen.open"
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <button
                       aria-label="diff.fullscreen.open"
@@ -27359,7 +27528,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                         className="fas fa-search-plus"
                       />
                     </button>
-                  </span>
+                  </div>
                 </div>
               </div>
             </div>
@@ -28547,10 +28716,11 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                 <div
                   className="control"
                 >
-                  <span
-                    aria-label="diff.sideBySide"
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.sideBySide"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <button
                       aria-label="diff.sideBySide"
@@ -28561,15 +28731,16 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                         className="fas fa-columns"
                       />
                     </button>
-                  </span>
+                  </div>
                 </div>
                 <div
                   className="control"
                 >
-                  <span
-                    aria-label="diff.fullscreen.open"
-                    className="tooltip has-tooltip-top"
-                    data-tooltip="diff.fullscreen.open"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <button
                       aria-label="diff.fullscreen.open"
@@ -28580,7 +28751,7 @@ exports[`Storyshots Repositories/Diff Changing Content 1`] = `
                         className="fas fa-search-plus"
                       />
                     </button>
-                  </span>
+                  </div>
                 </div>
               </div>
             </div>
@@ -29128,10 +29299,11 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -29142,15 +29314,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -29161,15 +29334,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="Jump to source"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="Jump to source"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <a
                     aria-label="Jump to source"
@@ -29183,15 +29357,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       onKeyPress={[Function]}
                     />
                   </a>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="Jump to target"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="Jump to target"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <a
                     aria-label="Jump to target"
@@ -29205,7 +29380,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       onKeyPress={[Function]}
                     />
                   </a>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -29252,10 +29427,11 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -29266,15 +29442,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -29285,15 +29462,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="Jump to source"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="Jump to source"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <a
                     aria-label="Jump to source"
@@ -29307,15 +29485,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       onKeyPress={[Function]}
                     />
                   </a>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="Jump to target"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="Jump to target"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <a
                     aria-label="Jump to target"
@@ -29329,7 +29508,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       onKeyPress={[Function]}
                     />
                   </a>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -29376,10 +29555,11 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -29390,15 +29570,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -29409,15 +29590,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="Jump to source"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="Jump to source"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <a
                     aria-label="Jump to source"
@@ -29431,15 +29613,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       onKeyPress={[Function]}
                     />
                   </a>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="Jump to target"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="Jump to target"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <a
                     aria-label="Jump to target"
@@ -29453,7 +29636,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       onKeyPress={[Function]}
                     />
                   </a>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -29500,10 +29683,11 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -29514,15 +29698,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -29533,15 +29718,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="Jump to source"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="Jump to source"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <a
                     aria-label="Jump to source"
@@ -29555,15 +29741,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       onKeyPress={[Function]}
                     />
                   </a>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="Jump to target"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="Jump to target"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <a
                     aria-label="Jump to target"
@@ -29577,7 +29764,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       onKeyPress={[Function]}
                     />
                   </a>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -29624,10 +29811,11 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -29638,15 +29826,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -29657,15 +29846,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="Jump to source"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="Jump to source"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <a
                     aria-label="Jump to source"
@@ -29679,15 +29869,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       onKeyPress={[Function]}
                     />
                   </a>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="Jump to target"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="Jump to target"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <a
                     aria-label="Jump to target"
@@ -29701,7 +29892,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       onKeyPress={[Function]}
                     />
                   </a>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -29748,10 +29939,11 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -29762,15 +29954,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -29781,15 +29974,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="Jump to source"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="Jump to source"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <a
                     aria-label="Jump to source"
@@ -29803,15 +29997,16 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       onKeyPress={[Function]}
                     />
                   </a>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="Jump to target"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="Jump to target"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <a
                     aria-label="Jump to target"
@@ -29825,7 +30020,7 @@ exports[`Storyshots Repositories/Diff Collapsed 1`] = `
                       onKeyPress={[Function]}
                     />
                   </a>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -29881,10 +30076,11 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -29895,15 +30091,16 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -29914,7 +30111,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -29961,10 +30158,11 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -29975,15 +30173,16 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -29994,7 +30193,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -30824,10 +31023,11 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -30838,15 +31038,16 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -30857,7 +31058,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -31283,10 +31484,11 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -31297,15 +31499,16 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -31316,7 +31519,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -31742,10 +31945,11 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -31756,15 +31960,16 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -31775,7 +31980,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -31822,10 +32027,11 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -31836,15 +32042,16 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -31855,7 +32062,7 @@ exports[`Storyshots Repositories/Diff CollapsingWithFunction 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -31911,10 +32118,11 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -31925,15 +32133,16 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -31944,7 +32153,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -32497,10 +32706,11 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -32511,15 +32721,16 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -32530,7 +32741,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -33360,10 +33571,11 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -33374,15 +33586,16 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -33393,7 +33606,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -33819,10 +34032,11 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -33833,15 +34047,16 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -33852,7 +34067,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -34278,10 +34493,11 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -34292,15 +34508,16 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -34311,7 +34528,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -35344,10 +35561,11 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -35358,15 +35576,16 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -35377,7 +35596,7 @@ exports[`Storyshots Repositories/Diff Default 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -35887,10 +36106,11 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -35901,15 +36121,16 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -35920,7 +36141,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -36510,10 +36731,11 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -36524,15 +36746,16 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -36543,7 +36766,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -37470,10 +37693,11 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -37484,15 +37708,16 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -37503,7 +37728,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -38001,10 +38226,11 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -38015,15 +38241,16 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -38034,7 +38261,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -38532,10 +38759,11 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -38546,15 +38774,16 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -38565,7 +38794,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -39753,10 +39982,11 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -39767,15 +39997,16 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -39786,7 +40017,7 @@ exports[`Storyshots Repositories/Diff Expandable 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -40333,10 +40564,11 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -40347,15 +40579,16 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -40366,7 +40599,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -40956,10 +41189,11 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -40970,15 +41204,16 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -40989,7 +41224,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -41916,10 +42151,11 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -41930,15 +42166,16 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -41949,7 +42186,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -42447,10 +42684,11 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -42461,15 +42699,16 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -42480,7 +42719,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -42978,10 +43217,11 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -42992,15 +43232,16 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -43011,7 +43252,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -44199,10 +44440,11 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -44213,15 +44455,16 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -44232,7 +44475,7 @@ exports[`Storyshots Repositories/Diff External state management 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -44779,10 +45022,11 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -44793,15 +45037,16 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -44812,7 +45057,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -45369,10 +45614,11 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -45383,15 +45629,16 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -45402,7 +45649,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -46236,10 +46483,11 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -46250,15 +46498,16 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -46269,7 +46518,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -46699,10 +46948,11 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -46713,15 +46963,16 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -46732,7 +46983,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -47162,10 +47413,11 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -47176,15 +47428,16 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -47195,7 +47448,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -48232,10 +48485,11 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -48246,15 +48500,16 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -48265,7 +48520,7 @@ exports[`Storyshots Repositories/Diff File Annotation 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -48779,10 +49034,11 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -48793,15 +49049,16 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -48812,15 +49069,16 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
@@ -48831,7 +49089,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-skull-crossbones"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -49384,10 +49642,11 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -49398,15 +49657,16 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -49417,15 +49677,16 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
@@ -49436,7 +49697,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-skull-crossbones"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -50266,10 +50527,11 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -50280,15 +50542,16 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -50299,15 +50562,16 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
@@ -50318,7 +50582,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-skull-crossbones"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -50744,10 +51008,11 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -50758,15 +51023,16 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -50777,15 +51043,16 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
@@ -50796,7 +51063,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-skull-crossbones"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -51222,10 +51489,11 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -51236,15 +51504,16 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -51255,15 +51524,16 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
@@ -51274,7 +51544,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-skull-crossbones"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -52307,10 +52577,11 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -52321,15 +52592,16 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -52340,15 +52612,16 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
@@ -52359,7 +52632,7 @@ exports[`Storyshots Repositories/Diff File Controls 1`] = `
                       className="fas fa-skull-crossbones"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -52869,10 +53142,11 @@ exports[`Storyshots Repositories/Diff Hunks 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -52883,15 +53157,16 @@ exports[`Storyshots Repositories/Diff Hunks 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -52902,7 +53177,7 @@ exports[`Storyshots Repositories/Diff Hunks 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -53719,10 +53994,11 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -53733,15 +54009,16 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -53752,7 +54029,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -54317,10 +54594,11 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -54331,15 +54609,16 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -54350,7 +54629,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -55192,10 +55471,11 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -55206,15 +55486,16 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -55225,7 +55506,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -55651,10 +55932,11 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -55665,15 +55947,16 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -55684,7 +55967,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -56110,10 +56393,11 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -56124,15 +56408,16 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -56143,7 +56428,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -57176,10 +57461,11 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -57190,15 +57476,16 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -57209,7 +57496,7 @@ exports[`Storyshots Repositories/Diff Line Annotation 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -57731,10 +58018,11 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -57745,15 +58033,16 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -57764,7 +58053,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -58357,10 +58646,11 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -58371,15 +58661,16 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -58390,7 +58681,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -59282,10 +59573,11 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -59296,15 +59588,16 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -59315,7 +59608,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -59771,10 +60064,11 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -59785,15 +60079,16 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -59804,7 +60099,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -60260,10 +60555,11 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -60274,15 +60570,16 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -60293,7 +60590,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -61402,10 +61699,11 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -61416,15 +61714,16 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -61435,7 +61734,7 @@ exports[`Storyshots Repositories/Diff OnClick 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -61981,10 +62280,11 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.combined"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.combined"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.combined"
@@ -61995,15 +62295,16 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                       className="fas fa-align-left"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -62014,7 +62315,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -62660,10 +62961,11 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.combined"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.combined"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.combined"
@@ -62674,15 +62976,16 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                       className="fas fa-align-left"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -62693,7 +62996,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -63613,10 +63916,11 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.combined"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.combined"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.combined"
@@ -63627,15 +63931,16 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                       className="fas fa-align-left"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -63646,7 +63951,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -64124,10 +64429,11 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.combined"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.combined"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.combined"
@@ -64138,15 +64444,16 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                       className="fas fa-align-left"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -64157,7 +64464,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -64635,10 +64942,11 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.combined"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.combined"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.combined"
@@ -64649,15 +64957,16 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                       className="fas fa-align-left"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -64668,7 +64977,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -65870,10 +66179,11 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.combined"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.combined"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.combined"
@@ -65884,15 +66194,16 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                       className="fas fa-align-left"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -65903,7 +66214,7 @@ exports[`Storyshots Repositories/Diff Side-By-Side 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -66486,10 +66797,11 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting (Markdown) 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -66500,15 +66812,16 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting (Markdown) 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -66519,7 +66832,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting (Markdown) 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -66854,10 +67167,11 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -66868,15 +67182,16 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -66887,7 +67202,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -67440,10 +67755,11 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -67454,15 +67770,16 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -67473,7 +67790,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -68303,10 +68620,11 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -68317,15 +68635,16 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -68336,7 +68655,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -68762,10 +69081,11 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -68776,15 +69096,16 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -68795,7 +69116,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -69221,10 +69542,11 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -69235,15 +69557,16 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -69254,7 +69577,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -70287,10 +70610,11 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -70301,15 +70625,16 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -70320,7 +70645,7 @@ exports[`Storyshots Repositories/Diff SyntaxHighlighting 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -70830,10 +71155,11 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -70844,15 +71170,16 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -70863,7 +71190,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -71453,10 +71780,11 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -71467,15 +71795,16 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -71486,7 +71815,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -72413,10 +72742,11 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -72427,15 +72757,16 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -72446,7 +72777,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -72944,10 +73275,11 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -72958,15 +73290,16 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -72977,7 +73310,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -73475,10 +73808,11 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -73489,15 +73823,16 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -73508,7 +73843,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -74696,10 +75031,11 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.sideBySide"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.sideBySide"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.sideBySide"
@@ -74710,15 +75046,16 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                       className="fas fa-columns"
                     />
                   </button>
-                </span>
+                </div>
               </div>
               <div
                 className="control"
               >
-                <span
-                  aria-label="diff.fullscreen.open"
-                  className="tooltip has-tooltip-top"
-                  data-tooltip="diff.fullscreen.open"
+                <div
+                  className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                  onClick={[Function]}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
                 >
                   <button
                     aria-label="diff.fullscreen.open"
@@ -74729,7 +75066,7 @@ exports[`Storyshots Repositories/Diff WithLinkToFile 1`] = `
                       className="fas fa-search-plus"
                     />
                   </button>
-                </span>
+                </div>
               </div>
             </div>
           </div>
@@ -75283,17 +75620,18 @@ exports[`Storyshots Repositories/RepositoryEntry Archived 1`] = `
                 <div
                   className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 fDXIgs"
                 >
-                  <span
-                    aria-label="archive.tooltip"
-                    className="tooltip has-tooltip-right"
-                    data-tooltip="archive.tooltip"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <span
                       className="tag is-light is-small p-1 is-size-7 has-text-weight-bold"
                     >
                       repository.archived
                     </span>
-                  </span>
+                  </div>
                 </div>
               </div>
             </div>
@@ -75734,17 +76072,18 @@ exports[`Storyshots Repositories/RepositoryEntry Exporting 1`] = `
                 <div
                   className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 fDXIgs"
                 >
-                  <span
-                    aria-label="exporting.tooltip"
-                    className="tooltip has-tooltip-right"
-                    data-tooltip="exporting.tooltip"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <span
                       className="tag is-light is-small p-1 is-size-7 has-text-weight-bold"
                     >
                       repository.exporting
                     </span>
-                  </span>
+                  </div>
                 </div>
               </div>
             </div>
@@ -75855,10 +76194,11 @@ exports[`Storyshots Repositories/RepositoryEntry HealthCheck Failure 1`] = `
                 <div
                   className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 fDXIgs"
                 >
-                  <span
-                    aria-label="healthCheckFailure.tooltip"
-                    className="tooltip has-tooltip-right"
-                    data-tooltip="healthCheckFailure.tooltip"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <span
                       className="tag is-danger is-small is-clickable p-1 is-size-7 has-text-weight-bold"
@@ -75866,7 +76206,7 @@ exports[`Storyshots Repositories/RepositoryEntry HealthCheck Failure 1`] = `
                     >
                       repository.healthCheckFailure
                     </span>
-                  </span>
+                  </div>
                 </div>
               </div>
             </div>
@@ -75977,28 +76317,30 @@ exports[`Storyshots Repositories/RepositoryEntry MultiRepositoryTags 1`] = `
                 <div
                   className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 fDXIgs"
                 >
-                  <span
-                    aria-label="archive.tooltip"
-                    className="tooltip has-tooltip-right"
-                    data-tooltip="archive.tooltip"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <span
                       className="tag is-light is-small p-1 is-size-7 has-text-weight-bold"
                     >
                       repository.archived
                     </span>
-                  </span>
-                  <span
-                    aria-label="exporting.tooltip"
-                    className="tooltip has-tooltip-right"
-                    data-tooltip="exporting.tooltip"
+                  </div>
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <span
                       className="tag is-light is-small p-1 is-size-7 has-text-weight-bold"
                     >
                       repository.exporting
                     </span>
-                  </span>
+                  </div>
                 </div>
               </div>
             </div>
@@ -76109,10 +76451,11 @@ exports[`Storyshots Repositories/RepositoryEntry RepositoryFlag EP 1`] = `
                 <div
                   className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 fDXIgs"
                 >
-                  <span
-                    aria-label="healthCheckFailure.tooltip"
-                    className="tooltip has-tooltip-right"
-                    data-tooltip="healthCheckFailure.tooltip"
+                  <div
+                    className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+                    onClick={[Function]}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
                   >
                     <span
                       className="tag is-danger is-small is-clickable p-1 is-size-7 has-text-weight-bold"
@@ -76120,7 +76463,7 @@ exports[`Storyshots Repositories/RepositoryEntry RepositoryFlag EP 1`] = `
                     >
                       repository.healthCheckFailure
                     </span>
-                  </span>
+                  </div>
                 </div>
               </div>
             </div>
@@ -76707,10 +77050,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-1"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -76718,7 +77062,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -76750,10 +77094,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-2"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -76761,7 +77106,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -76779,10 +77124,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-3"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -76790,7 +77136,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -76842,10 +77188,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-4"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -76853,7 +77200,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -76890,10 +77237,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-5"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -76901,7 +77249,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -76938,10 +77286,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-6"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -76949,7 +77298,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -76986,10 +77335,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-7"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -76997,7 +77347,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -77015,10 +77365,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-8"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -77026,7 +77377,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -77113,10 +77464,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-9"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -77124,7 +77476,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -77322,10 +77674,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-10"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -77333,7 +77686,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -77430,10 +77783,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-11"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -77441,7 +77795,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -77488,10 +77842,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-12"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -77499,7 +77854,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -77517,10 +77872,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-13"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -77528,7 +77884,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -77666,10 +78022,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-14"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -77677,7 +78034,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -77834,10 +78191,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-15"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -77845,7 +78203,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -77863,10 +78221,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-16"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -77874,7 +78233,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -77976,10 +78335,11 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-17"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -77987,7 +78347,7 @@ exports[`Storyshots SyntaxHighlighter Go 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -78091,10 +78451,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-1"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -78102,7 +78463,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -78171,10 +78532,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-2"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -78182,7 +78544,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -78200,10 +78562,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-3"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -78211,7 +78574,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -78301,10 +78664,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-4"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -78312,7 +78676,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -78402,10 +78766,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-5"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -78413,7 +78778,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -78503,10 +78868,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-6"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -78514,7 +78880,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -78532,10 +78898,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-7"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -78543,7 +78910,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -78665,10 +79032,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-8"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -78676,7 +79044,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -78798,10 +79166,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-9"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -78809,7 +79178,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -78931,10 +79300,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-10"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -78942,7 +79312,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -78960,10 +79330,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-11"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -78971,7 +79342,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -79049,10 +79420,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-12"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -79060,7 +79432,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -79078,10 +79450,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-13"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -79089,7 +79462,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -79263,10 +79636,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-14"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -79274,7 +79648,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -79460,10 +79834,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-15"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -79471,7 +79846,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -79614,10 +79989,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-16"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -79625,7 +80001,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -79727,10 +80103,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-17"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -79738,7 +80115,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -79815,10 +80192,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-18"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -79826,7 +80204,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -79863,10 +80241,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-19"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -79874,7 +80253,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -79892,10 +80271,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-20"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -79903,7 +80283,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -80007,10 +80387,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-21"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -80018,7 +80399,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -80055,10 +80436,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-22"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -80066,7 +80448,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -80205,10 +80587,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-23"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -80216,7 +80599,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -80290,10 +80673,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-24"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -80301,7 +80685,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -80443,10 +80827,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-25"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -80454,7 +80839,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -80558,10 +80943,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-26"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -80569,7 +80955,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -80691,10 +81077,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-27"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -80702,7 +81089,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -80779,10 +81166,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-28"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -80790,7 +81178,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -80827,10 +81215,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-29"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -80838,7 +81227,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -80875,10 +81264,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-30"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -80886,7 +81276,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -80904,10 +81294,11 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-31"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -80915,7 +81306,7 @@ exports[`Storyshots SyntaxHighlighter Java 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -81019,10 +81410,11 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-1"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -81030,7 +81422,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -81133,10 +81525,11 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-2"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -81144,7 +81537,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -81162,10 +81555,11 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-3"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -81173,7 +81567,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -81302,10 +81696,11 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-4"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -81313,7 +81708,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -81471,10 +81866,11 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-5"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -81482,7 +81878,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -81569,10 +81965,11 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-6"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -81580,7 +81977,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -81657,10 +82054,11 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-7"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -81668,7 +82066,7 @@ exports[`Storyshots SyntaxHighlighter Javascript 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -81842,10 +82240,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-1"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -81853,7 +82252,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -81897,10 +82296,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-2"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -81908,7 +82308,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -81926,10 +82326,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-3"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -81937,7 +82338,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82012,10 +82413,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-4"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82023,7 +82425,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82098,10 +82500,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-5"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82109,7 +82512,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82184,10 +82587,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-6"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82195,7 +82599,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82270,10 +82674,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-7"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82281,7 +82686,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82356,10 +82761,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-8"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82367,7 +82773,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82442,10 +82848,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-9"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82453,7 +82860,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82528,10 +82935,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-10"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82539,7 +82947,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82614,10 +83022,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-11"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82625,7 +83034,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82643,10 +83052,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-12"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82654,7 +83064,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82691,10 +83101,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-13"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82702,7 +83113,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82720,10 +83131,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-14"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82731,7 +83143,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82780,10 +83192,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-15"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82791,7 +83204,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82809,10 +83222,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-16"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82820,7 +83234,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82869,10 +83283,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-17"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82880,7 +83295,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82898,10 +83313,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-18"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82909,7 +83325,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82927,10 +83343,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-19"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82938,7 +83355,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -82956,10 +83373,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-20"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -82967,7 +83385,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83016,10 +83434,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-21"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83027,7 +83446,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83045,10 +83464,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-22"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83056,7 +83476,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83074,10 +83494,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-23"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83085,7 +83506,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83103,10 +83524,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-24"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83114,7 +83536,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83163,10 +83585,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-25"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83174,7 +83597,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83192,10 +83615,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-26"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83203,7 +83627,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83221,10 +83645,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-27"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83232,7 +83657,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83250,10 +83675,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-28"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83261,7 +83687,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83310,10 +83736,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-29"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83321,7 +83748,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83339,10 +83766,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-30"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83350,7 +83778,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83368,10 +83796,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-31"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83379,7 +83808,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83397,10 +83826,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-32"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83408,7 +83838,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83457,10 +83887,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-33"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83468,7 +83899,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83486,10 +83917,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-34"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83497,7 +83929,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83515,10 +83947,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-35"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83526,7 +83959,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83544,10 +83977,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-36"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83555,7 +83989,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83604,10 +84038,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-37"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83615,7 +84050,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83633,10 +84068,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-38"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83644,7 +84080,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83662,10 +84098,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-39"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83673,7 +84110,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83691,10 +84128,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-40"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83702,7 +84140,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83720,10 +84158,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-41"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83731,7 +84170,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83749,10 +84188,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-42"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83760,7 +84200,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83778,10 +84218,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-43"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83789,7 +84230,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83838,10 +84279,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-44"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83849,7 +84291,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83867,10 +84309,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-45"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83878,7 +84321,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83896,10 +84339,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-46"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83907,7 +84351,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83925,10 +84369,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-47"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83936,7 +84381,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83954,10 +84399,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-48"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83965,7 +84411,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -83983,10 +84429,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-49"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -83994,7 +84441,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84012,10 +84459,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-50"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84023,7 +84471,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84041,10 +84489,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-51"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84052,7 +84501,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84070,10 +84519,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-52"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84081,7 +84531,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84099,10 +84549,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-53"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84110,7 +84561,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84159,10 +84610,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-54"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84170,7 +84622,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84188,10 +84640,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-55"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84199,7 +84652,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84217,10 +84670,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-56"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84228,7 +84682,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84246,10 +84700,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-57"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84257,7 +84712,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84294,10 +84749,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-58"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84305,7 +84761,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84323,10 +84779,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-59"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84334,7 +84791,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84352,10 +84809,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-60"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84363,7 +84821,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84381,10 +84839,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-61"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84392,7 +84851,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84429,10 +84888,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-62"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84440,7 +84900,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84458,10 +84918,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-63"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84469,7 +84930,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84487,10 +84948,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-64"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84498,7 +84960,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84516,10 +84978,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-65"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84527,7 +84990,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84564,10 +85027,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-66"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84575,7 +85039,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84593,10 +85057,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-67"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84604,7 +85069,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84622,10 +85087,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-68"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84633,7 +85099,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84651,10 +85117,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-69"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84662,7 +85129,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84680,10 +85147,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-70"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84691,7 +85159,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84709,10 +85177,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-71"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84720,7 +85189,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84769,10 +85238,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-72"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84780,7 +85250,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84798,10 +85268,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-73"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84809,7 +85280,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84858,10 +85329,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-74"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84869,7 +85341,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84887,10 +85359,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-75"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84898,7 +85371,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84935,10 +85408,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-76"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84946,7 +85420,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -84983,10 +85457,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-77"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -84994,7 +85469,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85031,10 +85506,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-78"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85042,7 +85518,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85060,10 +85536,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-79"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85071,7 +85548,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85108,10 +85585,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-80"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85119,7 +85597,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85156,10 +85634,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-81"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85167,7 +85646,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85204,10 +85683,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-82"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85215,7 +85695,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85252,10 +85732,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-83"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85263,7 +85744,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85300,10 +85781,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-84"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85311,7 +85793,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85348,10 +85830,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-85"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85359,7 +85842,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85396,10 +85879,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-86"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85407,7 +85891,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85425,10 +85909,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-87"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85436,7 +85921,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85485,10 +85970,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-88"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85496,7 +85982,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85514,10 +86000,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-89"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85525,7 +86012,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85562,10 +86049,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-90"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85573,7 +86061,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85610,10 +86098,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-91"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85621,7 +86110,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85658,10 +86147,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-92"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85669,7 +86159,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85706,10 +86196,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-93"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85717,7 +86208,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85754,10 +86245,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-94"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85765,7 +86257,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85802,10 +86294,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-95"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85813,7 +86306,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85850,10 +86343,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-96"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85861,7 +86355,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85879,10 +86373,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-97"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85890,7 +86385,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85908,10 +86403,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-98"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85919,7 +86415,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85937,10 +86433,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-99"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -85948,7 +86445,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -85997,10 +86494,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-100"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86008,7 +86506,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86026,10 +86524,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-101"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86037,7 +86536,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86055,10 +86554,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-102"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86066,7 +86566,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86084,10 +86584,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-103"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86095,7 +86596,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86132,10 +86633,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-104"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86143,7 +86645,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86161,10 +86663,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-105"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86172,7 +86675,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86190,10 +86693,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-106"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86201,7 +86705,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86219,10 +86723,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-107"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86230,7 +86735,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86248,10 +86753,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-108"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86259,7 +86765,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86277,10 +86783,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-109"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86288,7 +86795,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86337,10 +86844,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-110"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86348,7 +86856,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86366,10 +86874,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-111"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86377,7 +86886,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86395,10 +86904,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-112"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86406,7 +86916,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86424,10 +86934,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-113"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86435,7 +86946,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86578,10 +87089,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-114"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86589,7 +87101,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86788,10 +87300,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-115"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86799,7 +87312,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -86918,10 +87431,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-116"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -86929,7 +87443,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87048,10 +87562,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-117"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87059,7 +87574,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87178,10 +87693,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-118"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87189,7 +87705,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87308,10 +87824,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-119"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87319,7 +87836,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87438,10 +87955,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-120"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87449,7 +87967,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87477,10 +87995,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-121"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87488,7 +88007,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87506,10 +88025,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-122"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87517,7 +88037,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87535,10 +88055,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-123"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87546,7 +88067,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87564,10 +88085,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-124"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87575,7 +88097,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87593,10 +88115,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-125"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87604,7 +88127,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87653,10 +88176,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-126"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87664,7 +88188,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87682,10 +88206,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-127"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87693,7 +88218,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87742,10 +88267,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-128"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87753,7 +88279,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87771,10 +88297,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-129"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87782,7 +88309,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87834,10 +88361,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-130"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87845,7 +88373,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87863,10 +88391,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-131"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87874,7 +88403,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87923,10 +88452,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-132"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87934,7 +88464,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87952,10 +88482,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-133"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87963,7 +88494,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -87981,10 +88512,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-134"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -87992,7 +88524,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88010,10 +88542,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-135"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88021,7 +88554,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88065,10 +88598,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-136"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88076,7 +88610,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88105,10 +88639,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-137"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88116,7 +88651,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88134,10 +88669,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-138"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88145,7 +88681,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88163,10 +88699,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-139"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88174,7 +88711,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88192,10 +88729,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-140"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88203,7 +88741,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88221,10 +88759,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-141"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88232,7 +88771,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88250,10 +88789,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-142"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88261,7 +88801,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88279,10 +88819,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-143"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88290,7 +88831,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88308,10 +88849,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-144"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88319,7 +88861,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88337,10 +88879,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-145"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88348,7 +88891,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88366,10 +88909,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-146"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88377,7 +88921,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88395,10 +88939,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-147"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88406,7 +88951,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88424,10 +88969,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-148"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88435,7 +88981,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88453,10 +88999,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-149"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88464,7 +89011,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88482,10 +89029,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-150"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88493,7 +89041,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88522,10 +89070,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-151"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88533,7 +89082,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88571,10 +89120,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-152"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88582,7 +89132,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88600,10 +89150,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-153"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88611,7 +89162,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88629,10 +89180,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-154"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88640,7 +89192,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88658,10 +89210,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-155"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88669,7 +89222,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88687,10 +89240,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-156"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88698,7 +89252,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88716,10 +89270,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-157"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88727,7 +89282,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88776,10 +89331,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-158"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88787,7 +89343,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88805,10 +89361,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-159"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88816,7 +89373,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -88987,10 +89544,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-160"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -88998,7 +89556,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89016,10 +89574,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-161"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -89027,7 +89586,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89087,10 +89646,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-162"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -89098,7 +89658,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89116,10 +89676,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-163"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -89127,7 +89688,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89239,10 +89800,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-164"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -89250,7 +89812,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89268,10 +89830,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-165"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -89279,7 +89842,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89339,10 +89902,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-166"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -89350,7 +89914,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89368,10 +89932,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-167"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -89379,7 +89944,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89555,10 +90120,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-168"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -89566,7 +90132,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89584,10 +90150,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-169"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -89595,7 +90162,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89655,10 +90222,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-170"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -89666,7 +90234,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89684,10 +90252,11 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-171"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -89695,7 +90264,7 @@ exports[`Storyshots SyntaxHighlighter Markdown 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89827,10 +90396,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-1"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -89838,7 +90408,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89900,10 +90470,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-2"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -89911,7 +90482,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89929,10 +90500,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-3"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -89940,7 +90512,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -89993,10 +90565,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-4"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -90004,7 +90577,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -90022,10 +90595,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-5"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -90033,7 +90607,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -90116,10 +90690,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-6"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -90127,7 +90702,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -90145,10 +90720,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-7"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -90156,7 +90732,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -90243,10 +90819,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-8"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -90254,7 +90831,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -90326,10 +90903,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-9"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -90337,7 +90915,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -90429,10 +91007,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-10"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -90440,7 +91019,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -90502,10 +91081,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-11"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -90513,7 +91093,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -90600,10 +91180,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-12"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -90611,7 +91192,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -90648,10 +91229,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-13"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -90659,7 +91241,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -90677,10 +91259,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-14"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -90688,7 +91271,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -90735,10 +91318,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-15"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -90746,7 +91330,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -90869,10 +91453,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-16"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -90880,7 +91465,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -90947,10 +91532,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-17"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -90958,7 +91544,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -91020,10 +91606,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-18"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -91031,7 +91618,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -91083,10 +91670,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-19"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -91094,7 +91682,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -91146,10 +91734,11 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
           className="SyntaxHighlighterRenderer__RowContainer-sc-12li0bg-0 dsgsZc"
           id="line-20"
         >
-          <span
-            aria-label="sources.content.copyPermalink"
-            className="tooltip has-tooltip-right"
-            data-tooltip="sources.content.copyPermalink"
+          <div
+            className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+            onClick={[Function]}
+            onMouseEnter={[Function]}
+            onMouseLeave={[Function]}
           >
             <i
               aria-label="sources.content.copyPermalink"
@@ -91157,7 +91746,7 @@ exports[`Storyshots SyntaxHighlighter Python 1`] = `
               onClick={[Function]}
               onKeyPress={[Function]}
             />
-          </span>
+          </div>
           <span
             className="linenumber react-syntax-highlighter-line-number"
             onClick={[Function]}
@@ -94677,10 +95266,11 @@ exports[`Storyshots Tooltip Default 1`] = `
   <div
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
-    <span
-      aria-label="Heart of Gold"
-      className="tooltip has-tooltip-right"
-      data-tooltip="Heart of Gold"
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
     >
       <button
         className="button is-info"
@@ -94692,15 +95282,16 @@ exports[`Storyshots Tooltip Default 1`] = `
          
       </button>
        
-    </span>
+    </div>
   </div>
   <div
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
-    <span
-      aria-label="Heart of Gold"
-      className="tooltip has-tooltip-top"
-      data-tooltip="Heart of Gold"
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
     >
       <button
         className="button is-info"
@@ -94712,15 +95303,16 @@ exports[`Storyshots Tooltip Default 1`] = `
          
       </button>
        
-    </span>
+    </div>
   </div>
   <div
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
-    <span
-      aria-label="Heart of Gold"
-      className="tooltip has-tooltip-left"
-      data-tooltip="Heart of Gold"
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
     >
       <button
         className="button is-info"
@@ -94732,15 +95324,16 @@ exports[`Storyshots Tooltip Default 1`] = `
          
       </button>
        
-    </span>
+    </div>
   </div>
   <div
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
-    <span
-      aria-label="Heart of Gold"
-      className="tooltip has-tooltip-bottom"
-      data-tooltip="Heart of Gold"
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
     >
       <button
         className="button is-info"
@@ -94752,7 +95345,7 @@ exports[`Storyshots Tooltip Default 1`] = `
          
       </button>
        
-    </span>
+    </div>
   </div>
 </div>
 `;
@@ -94764,24 +95357,11 @@ exports[`Storyshots Tooltip Multiline 1`] = `
   <div
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
-    <span
-      aria-label="Characters:
-
-- Arthur Dent
-- Ford Prefect
-- Zaphod Beeblebrox
-- Marvin the Paranoid Android
-- Trillian
-- Slartibartfast"
-      className="tooltip has-tooltip-right"
-      data-tooltip="Characters:
-
-- Arthur Dent
-- Ford Prefect
-- Zaphod Beeblebrox
-- Marvin the Paranoid Android
-- Trillian
-- Slartibartfast"
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
     >
       <button
         className="button is-info"
@@ -94793,29 +95373,16 @@ exports[`Storyshots Tooltip Multiline 1`] = `
          
       </button>
        
-    </span>
+    </div>
   </div>
   <div
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
-    <span
-      aria-label="Characters:
-
-- Arthur Dent
-- Ford Prefect
-- Zaphod Beeblebrox
-- Marvin the Paranoid Android
-- Trillian
-- Slartibartfast"
-      className="tooltip has-tooltip-top"
-      data-tooltip="Characters:
-
-- Arthur Dent
-- Ford Prefect
-- Zaphod Beeblebrox
-- Marvin the Paranoid Android
-- Trillian
-- Slartibartfast"
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
     >
       <button
         className="button is-info"
@@ -94827,29 +95394,16 @@ exports[`Storyshots Tooltip Multiline 1`] = `
          
       </button>
        
-    </span>
+    </div>
   </div>
   <div
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
-    <span
-      aria-label="Characters:
-
-- Arthur Dent
-- Ford Prefect
-- Zaphod Beeblebrox
-- Marvin the Paranoid Android
-- Trillian
-- Slartibartfast"
-      className="tooltip has-tooltip-left"
-      data-tooltip="Characters:
-
-- Arthur Dent
-- Ford Prefect
-- Zaphod Beeblebrox
-- Marvin the Paranoid Android
-- Trillian
-- Slartibartfast"
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
     >
       <button
         className="button is-info"
@@ -94861,29 +95415,16 @@ exports[`Storyshots Tooltip Multiline 1`] = `
          
       </button>
        
-    </span>
+    </div>
   </div>
   <div
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
-    <span
-      aria-label="Characters:
-
-- Arthur Dent
-- Ford Prefect
-- Zaphod Beeblebrox
-- Marvin the Paranoid Android
-- Trillian
-- Slartibartfast"
-      className="tooltip has-tooltip-bottom"
-      data-tooltip="Characters:
-
-- Arthur Dent
-- Ford Prefect
-- Zaphod Beeblebrox
-- Marvin the Paranoid Android
-- Trillian
-- Slartibartfast"
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
     >
       <button
         className="button is-info"
@@ -94895,7 +95436,7 @@ exports[`Storyshots Tooltip Multiline 1`] = `
          
       </button>
        
-    </span>
+    </div>
   </div>
 </div>
 `;
@@ -94907,14 +95448,11 @@ exports[`Storyshots Tooltip Short Multiline 1`] = `
   <div
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
-    <span
-      aria-label="* a
-* b
-* c"
-      className="tooltip has-tooltip-right"
-      data-tooltip="* a
-* b
-* c"
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
     >
       <button
         className="button is-info"
@@ -94926,19 +95464,16 @@ exports[`Storyshots Tooltip Short Multiline 1`] = `
          
       </button>
        
-    </span>
+    </div>
   </div>
   <div
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
-    <span
-      aria-label="* a
-* b
-* c"
-      className="tooltip has-tooltip-top"
-      data-tooltip="* a
-* b
-* c"
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
     >
       <button
         className="button is-info"
@@ -94950,19 +95485,16 @@ exports[`Storyshots Tooltip Short Multiline 1`] = `
          
       </button>
        
-    </span>
+    </div>
   </div>
   <div
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
-    <span
-      aria-label="* a
-* b
-* c"
-      className="tooltip has-tooltip-left"
-      data-tooltip="* a
-* b
-* c"
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
     >
       <button
         className="button is-info"
@@ -94974,19 +95506,16 @@ exports[`Storyshots Tooltip Short Multiline 1`] = `
          
       </button>
        
-    </span>
+    </div>
   </div>
   <div
     className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
   >
-    <span
-      aria-label="* a
-* b
-* c"
-      className="tooltip has-tooltip-bottom"
-      data-tooltip="* a
-* b
-* c"
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
     >
       <button
         className="button is-info"
@@ -94998,7 +95527,98 @@ exports[`Storyshots Tooltip Short Multiline 1`] = `
          
       </button>
        
-    </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Storyshots Tooltip Styled 1`] = `
+<div
+  className="Tooltipstories__Wrapper-sc-1c34uq-0 eUgA-dC"
+>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
+  >
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+         
+        right
+         
+      </button>
+       
+    </div>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
+  >
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+         
+        top
+         
+      </button>
+       
+    </div>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
+  >
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+         
+        left
+         
+      </button>
+       
+    </div>
+  </div>
+  <div
+    className="Tooltipstories__Spacing-sc-1c34uq-1 goABUu"
+  >
+    <div
+      className="Tooltip__TooltipWrapper-fmp853-0 PCJqp"
+      onClick={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+    >
+      <button
+        className="button is-info"
+        onClick={[Function]}
+        type="button"
+      >
+         
+        bottom
+         
+      </button>
+       
+    </div>
   </div>
 </div>
 `;
diff --git a/scm-ui/ui-styles/package.json b/scm-ui/ui-styles/package.json
index b58f95e0eb..560bd85a0a 100644
--- a/scm-ui/ui-styles/package.json
+++ b/scm-ui/ui-styles/package.json
@@ -12,7 +12,6 @@
     "@fortawesome/fontawesome-free": "^5.11.2",
     "bulma": "^0.9.3",
     "bulma-popover": "^1.0.0",
-    "bulma-tooltip": "^3.0.0",
     "react-diff-view": "^2.4.1"
   },
   "devDependencies": {
diff --git a/scm-ui/ui-styles/src/components/_tooltip.scss b/scm-ui/ui-styles/src/components/_tooltip.scss
new file mode 100644
index 0000000000..d327860f03
--- /dev/null
+++ b/scm-ui/ui-styles/src/components/_tooltip.scss
@@ -0,0 +1,39 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2020-present Cloudogu GmbH and Contributors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+.tooltip-arrow-top-border-color {
+  border-color: $grey-dark transparent transparent transparent;
+}
+
+.tooltip-arrow-right-border-color {
+  border-color: transparent $grey-dark transparent transparent;
+}
+
+.tooltip-arrow-bottom-border-color {
+  border-color: transparent transparent $grey-dark transparent;
+}
+
+.tooltip-arrow-left-border-color {
+  border-color: transparent transparent transparent $grey-dark;
+}
diff --git a/scm-ui/ui-styles/src/utils/_post.scss b/scm-ui/ui-styles/src/utils/_post.scss
index 4883d65ccd..098d2eeeec 100644
--- a/scm-ui/ui-styles/src/utils/_post.scss
+++ b/scm-ui/ui-styles/src/utils/_post.scss
@@ -23,6 +23,6 @@
  */
 @import "bulma/bulma";
 @import "../variables/_derived.scss";
-@import "bulma-tooltip/dist/css/bulma-tooltip.min";
 @import "bulma-popover/css/bulma-popover";
 @import "../components/_main.scss";
+@import "../components/_tooltip.scss";
diff --git a/scm-ui/ui-webapp/src/repos/branches/components/AheadBehindTag.tsx b/scm-ui/ui-webapp/src/repos/branches/components/AheadBehindTag.tsx
index 0742858408..e2148bbf19 100644
--- a/scm-ui/ui-webapp/src/repos/branches/components/AheadBehindTag.tsx
+++ b/scm-ui/ui-webapp/src/repos/branches/components/AheadBehindTag.tsx
@@ -49,6 +49,7 @@ const Behind = styled.span``;
 
 const Count = styled.span`
   word-break: keep-all;
+  width: max-content;
 `;
 
 const Bar = styled.span.attrs<BarProps>(props => ({
@@ -65,7 +66,6 @@ const Bar = styled.span.attrs<BarProps>(props => ({
 
 const TooltipWithDefaultCursor = styled(Tooltip)`
   cursor: default !important;
-  width: 100%;
 `;
 
 const AheadBehindTag: FC<Props> = ({ branch, details, hiddenMobile, verbose }) => {
@@ -87,28 +87,33 @@ const AheadBehindTag: FC<Props> = ({ branch, details, hiddenMobile, verbose }) =
     : details.changesetsAhead;
 
   return (
-    <div className={`columns is-flex is-unselectable mt-1 ${hiddenMobile ? "is-hidden-mobile" : ""}`}>
+    <div
+      className={`columns is-flex is-justify-content-center is-unselectable mt-1 ${
+        hiddenMobile ? "is-hidden-mobile" : ""
+      }`}
+    >
       <TooltipWithDefaultCursor
         message={t("branch.aheadBehind.tooltip", { ahead: details.changesetsAhead, behind: details.changesetsBehind })}
         location="top"
-        className={"is-flex"}
       >
-        <Behind className="column is-half is-flex is-flex-direction-column is-align-items-flex-end p-0">
-          <Count className="is-size-7 pr-1">{behindText}</Count>
-          <Bar
-            className="has-rounded-border-left has-background-secondary"
-            width={calculateBarLength(details.changesetsBehind)}
-            direction="left"
-          />
-        </Behind>
-        <Ahead className="column is-half is-flex is-flex-direction-column is-align-items-flex-start p-0">
-          <Count className="is-size-7 pl-1">{aheadText}</Count>
-          <Bar
-            className="has-rounded-border-right has-background-secondary"
-            width={calculateBarLength(details.changesetsAhead)}
-            direction="right"
-          />
-        </Ahead>
+        <div className="is-flex">
+          <Behind className="column is-flex is-flex-direction-column is-align-items-flex-end p-0">
+            <Count className="is-size-7 pr-1">{behindText}</Count>
+            <Bar
+              className="has-rounded-border-left has-background-secondary"
+              width={calculateBarLength(details.changesetsBehind)}
+              direction="left"
+            />
+          </Behind>
+          <Ahead className="column is-flex is-flex-direction-column is-align-items-flex-start p-0">
+            <Count className="is-size-7 pl-1">{aheadText}</Count>
+            <Bar
+              className="has-rounded-border-right has-background-secondary"
+              width={calculateBarLength(details.changesetsAhead)}
+              direction="right"
+            />
+          </Ahead>
+        </div>
       </TooltipWithDefaultCursor>
     </div>
   );
diff --git a/yarn.lock b/yarn.lock
index 97acfdef8c..46a893c3b8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6638,11 +6638,6 @@ bulma-popover@^1.0.0:
   resolved "https://registry.yarnpkg.com/bulma-popover/-/bulma-popover-1.0.3.tgz#bc948b7b855bedbe8adf20737fc569ac87623a91"
   integrity sha512-/StxOsgTvxrK1OIVrzUk7w4+Lyg9VvXDeh/wj9HhsYoCkqLqRi+EYm9htX6FP0GvscwlPradkgZG6bb997oBBA==
 
-bulma-tooltip@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/bulma-tooltip/-/bulma-tooltip-3.0.2.tgz#2cf0abab1de2eba07f9d84eb7f07a8a88819ea92"
-  integrity sha512-CsT3APjhlZScskFg38n8HYL8oYNUHQtcu4sz6ERarxkUpBRbk9v0h/5KAvXeKapVSn2dp9l7bOGit5SECP8EWQ==
-
 bulma@^0.9.3:
   version "0.9.3"
   resolved "https://registry.yarnpkg.com/bulma/-/bulma-0.9.3.tgz#ddccb7436ebe3e21bf47afe01d3c43a296b70243"