diff --git a/packages/web/src/scss/components/Tooltip/index.html b/packages/web/src/scss/components/Tooltip/index.html
index 6a7988c048..17039b4359 100644
--- a/packages/web/src/scss/components/Tooltip/index.html
+++ b/packages/web/src/scss/components/Tooltip/index.html
@@ -373,11 +373,17 @@ <h2 class="docs-Heading">Dismissible Tooltip</h2>
     <div class="docs-Stack docs-Stack--start">
 
       <div class="TooltipWrapper d-inline-block">
-        <button class="Button Button--primary Button--medium" aria-describedby="my-dismissible-tooltip">I have a tooltip 😎</button>
+        <button 
+          class="Button Button--primary Button--medium" 
+          aria-describedby="my-dismissible-tooltip"
+        >
+          I have a tooltip 😎
+        </button>
         <div
           id="my-dismissible-tooltip"
           class="Tooltip Tooltip--dismissible"
           data-spirit-placement="right"
+          data-spirit-trigger="click"
         >
           Close me
           <button
@@ -421,7 +427,7 @@ <h2 class="docs-Heading">Dismissible Tooltip via JS API and Floating UI</h2>
           data-spirit-flip="true"
           data-spirit-flip-cross-axis="true"
           data-spirit-flip-fallback-placements="right, top-end"
-          data-spirit-triggers="click"
+          data-spirit-trigger="click"
           data-spirit-placement-controlled
         >
           Close me
@@ -468,7 +474,7 @@ <h2 class="docs-Heading">Tooltip on Hover with Floating UI</h2>
           data-spirit-placement="right"
           data-spirit-flip-fallback-placements="left, top-start, bottom-start"
           data-spirit-enable-hover="true"
-          data-spirit-triggers="click, hover"
+          data-spirit-trigger="click, hover"
           data-spirit-placement-controlled
         >
           Hello there!