diff --git a/apps/storybook/components/basics/basics.jsx b/apps/storybook/components/basics/basics.jsx
index eab2430e..df2f4fbe 100644
--- a/apps/storybook/components/basics/basics.jsx
+++ b/apps/storybook/components/basics/basics.jsx
@@ -9,7 +9,8 @@ export const Basics = () => (
         Named entities that store visual design properties. Used to ensure a scalable and consistent visual system for
         UI development.
       </p>
-      <a href="/">Design tokens</a>
+      // Link to the design tokens mdx page
+      <a href="?path=/docs/design-tokens-introduction--docs">Design tokens</a>
     </div>
     <div className="box">
       <h3 className="box__title">Components</h3>