diff --git a/packages/react-components/react-link/src/stories/LinkAppearance.stories.tsx b/packages/react-components/react-link/src/stories/LinkAppearance.stories.tsx
index 90e52360fad81..086552111a525 100644
--- a/packages/react-components/react-link/src/stories/LinkAppearance.stories.tsx
+++ b/packages/react-components/react-link/src/stories/LinkAppearance.stories.tsx
@@ -1,4 +1,8 @@
 import * as React from 'react';
 import { Link } from '../index';
 
-export const Appearance = () => <Link appearance="subtle">Subtle link</Link>;
+export const Appearance = () => (
+  <Link appearance="subtle" href="https://www.bing.com">
+    Subtle link
+  </Link>
+);
diff --git a/packages/react-components/react-link/src/stories/LinkDefault.stories.tsx b/packages/react-components/react-link/src/stories/LinkDefault.stories.tsx
index 7dcfddb76764f..dc1668da6e376 100644
--- a/packages/react-components/react-link/src/stories/LinkDefault.stories.tsx
+++ b/packages/react-components/react-link/src/stories/LinkDefault.stories.tsx
@@ -1,4 +1,8 @@
 import * as React from 'react';
 import { Link, LinkProps } from '../index';
 
-export const Default = (props: LinkProps) => <Link {...props}>This is a link</Link>;
+export const Default = (props: LinkProps & { as?: 'a' }) => (
+  <Link href="https://www.bing.com" {...props}>
+    This is a link
+  </Link>
+);
diff --git a/packages/react-components/react-link/src/stories/LinkDisabled.stories.tsx b/packages/react-components/react-link/src/stories/LinkDisabled.stories.tsx
index c82da221f14fb..458cc8ce43858 100644
--- a/packages/react-components/react-link/src/stories/LinkDisabled.stories.tsx
+++ b/packages/react-components/react-link/src/stories/LinkDisabled.stories.tsx
@@ -1,4 +1,8 @@
 import * as React from 'react';
 import { Link } from '../index';
 
-export const Disabled = () => <Link disabled>Disabled link</Link>;
+export const Disabled = () => (
+  <Link disabled href="https://www.bing.com">
+    Disabled link
+  </Link>
+);
diff --git a/packages/react-components/react-link/src/stories/LinkDisabledFocusable.stories.tsx b/packages/react-components/react-link/src/stories/LinkDisabledFocusable.stories.tsx
index e3eef9664ac66..f795c9f3581a4 100644
--- a/packages/react-components/react-link/src/stories/LinkDisabledFocusable.stories.tsx
+++ b/packages/react-components/react-link/src/stories/LinkDisabledFocusable.stories.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Link } from '../index';
 
 export const DisabledFocusable = () => (
-  <Link inline disabled disabledFocusable>
+  <Link inline disabled disabledFocusable href="https://www.bing.com">
     Disabled but still focusable
   </Link>
 );
diff --git a/packages/react-components/react-link/src/stories/LinkInline.stories.tsx b/packages/react-components/react-link/src/stories/LinkInline.stories.tsx
index 6882edd398bc9..cf1a161207d22 100644
--- a/packages/react-components/react-link/src/stories/LinkInline.stories.tsx
+++ b/packages/react-components/react-link/src/stories/LinkInline.stories.tsx
@@ -3,6 +3,10 @@ import { Link } from '../index';
 
 export const Inline = () => (
   <div>
-    This is an <Link inline>inline link</Link> used alongside other text
+    This is an
+    <Link href="https://www.bing.com" inline>
+      inline link
+    </Link>
+    used alongside other text
   </div>
 );