diff --git a/packages/web-react/src/components/Tooltip/demo/TooltipHover.tsx b/packages/web-react/src/components/Tooltip/demo/TooltipHover.tsx
index 886205d437..c26f8c1929 100644
--- a/packages/web-react/src/components/Tooltip/demo/TooltipHover.tsx
+++ b/packages/web-react/src/components/Tooltip/demo/TooltipHover.tsx
@@ -19,7 +19,7 @@ const TooltipHover = () => {
         <TooltipTrigger elementType={Button}>I have a tooltip 😎</TooltipTrigger>
         <TooltipPopover>
           Hello there! <br />
-          <a href="#" style={{ color: 'var(--spirit-color-action-link-inverted-default)' }}>
+          <a href="#" className="link-inverted">
             Click me
           </a>
         </TooltipPopover>