diff --git a/docs/src/pages/framed/Tooltip/TooltipReactive.svelte b/docs/src/pages/framed/Tooltip/TooltipReactive.svelte
index a2b404a0..70fa73e3 100644
--- a/docs/src/pages/framed/Tooltip/TooltipReactive.svelte
+++ b/docs/src/pages/framed/Tooltip/TooltipReactive.svelte
@@ -9,15 +9,15 @@
 </Tooltip>
 
 <div style="margin-top: var(--cds-spacing-12);">
-  <Button size="small" disabled="{open}" on:click="{() => (open = true)}">
-    Open
-  </Button>
-  <Button
-    size="small"
-    kind="secondary"
-    disabled="{!open}"
-    on:click="{() => (open = false)}"
-  >
-    Close
+  <Button size="small" on:click="{() => (open = !open)}">
+    {open ? "Close tooltip" : "Open tooltip"}
   </Button>
 </div>
+
+<div>Open: {open}</div>
+
+<style>
+  div {
+    margin-top: var(--cds-spacing-05);
+  }
+</style>