diff --git a/src/components/AppNotification/AppNotification.stories.tsx b/src/components/AppNotification/AppNotification.stories.tsx
index 6422a7739..5ff5f2a8f 100644
--- a/src/components/AppNotification/AppNotification.stories.tsx
+++ b/src/components/AppNotification/AppNotification.stories.tsx
@@ -6,6 +6,8 @@ import React from 'react';
 import { AppNotification } from './AppNotification';
 import { ButtonV2 as Button } from '../Button';
 import { ButtonGroupV2 as ButtonGroup } from '../ButtonGroup';
+import { LinkV2 as Link } from '../Link';
+import Text from '../Text';
 
 export default {
   title: 'Components/V2/AppNotification',
@@ -52,6 +54,20 @@ export const WithControls: StoryObj<Args> = {
   },
 };
 
+export const WithLinkInSubtitle: StoryObj<Args> = {
+  args: {
+    subTitle: (
+      <Text as="span">
+        Some text with a{' '}
+        <Link href="https://example.com/" variant="inverse">
+          link
+        </Link>{' '}
+        in.
+      </Text>
+    ),
+  },
+};
+
 export const LightColor: StoryObj<Args> = {
   args: {
     color: 'light',
diff --git a/src/components/AppNotification/__snapshots__/AppNotification.test.ts.snap b/src/components/AppNotification/__snapshots__/AppNotification.test.ts.snap
index e47f7b700..b3557c221 100644
--- a/src/components/AppNotification/__snapshots__/AppNotification.test.ts.snap
+++ b/src/components/AppNotification/__snapshots__/AppNotification.test.ts.snap
@@ -282,3 +282,43 @@ exports[`<AppNotification /> WithDismissAndControls story renders snapshot 1`] =
   </div>
 </div>
 `;
+
+exports[`<AppNotification /> WithLinkInSubtitle story renders snapshot 1`] = `
+<div
+  class="app-notification app-notification--color-dark"
+  role="status"
+>
+  <div
+    class="app-notification__content"
+  >
+    <section>
+      <div
+        class="text text--headline-sm-bold app-notification__title"
+      >
+        This is an AppNotification title
+      </div>
+      <p
+        class="text text--body-md app-notification__sub-title"
+      >
+        <span
+          class="text text--body-md"
+        >
+          Some text with a
+           
+          <a
+            class="link link--emphasis-default link--size-md link--variant-inverse"
+            href="https://example.com/"
+          >
+            link
+          </a>
+           
+          in.
+        </span>
+      </p>
+      <div
+        class="app-notification__actions"
+      />
+    </section>
+  </div>
+</div>
+`;
diff --git a/src/components/Link/Link-v2.module.css b/src/components/Link/Link-v2.module.css
index cf66ad809..1502470d5 100644
--- a/src/components/Link/Link-v2.module.css
+++ b/src/components/Link/Link-v2.module.css
@@ -8,7 +8,6 @@
  */
 
 .link {
-  color: var(--eds-theme-color-text-utility-default-primary);
   display: inline;
 
   /* TODO: verify the way to sync type tokens and one-off treatments */
@@ -17,7 +16,7 @@
 }
 
 /**
- * Sub-components
+ * Sub-components (only should apply to standalone links
  */
 .link__icon {
   padding-left: 0.25rem;
@@ -37,6 +36,15 @@
 .link--context-standalone {
   display: block;
 
+  &.link--emphasis-default {
+    color: var(--eds-theme-color-text-utility-default-primary);
+  }
+
+  &.link--emphasis-low {
+    color: var(--eds-theme-color-text-utility-default-primary);
+    text-decoration: none;
+  }
+
   /**
    * Sizes - using the presets for type ramp matching body-*
    */
@@ -64,31 +72,25 @@
 /**
  * Emphasis
  */
-.link--emphasis-high {
-  color: var(--eds-theme-color-text-utility-interactive-secondary);
+.link--emphasis-default {
+  color: inherit;
 }
 
-.link--emphasis-low {
-  color: var(--eds-theme-color-text-utility-default-primary);
-  text-decoration: none;
+.link--emphasis-high {
+  color: var(--eds-theme-color-text-utility-interactive-secondary);
 }
 
 /**
- * Variants
+ * Inverse variant
  */
-.link.link--variant-inverse {
-  color: var(--eds-theme-color-text-utility-inverse);
-
-  &:active,
-  &:visited {
+.link.link--variant-inverse:hover,
+.link.link--variant-inverse:active {
     color: var(--eds-theme-color-text-utility-inverse);
-  }
 }
 
 /**
  * States
  */
-
 .link:hover {
   color: var(--eds-theme-color-text-utility-interactive-secondary-hover);
 }
diff --git a/src/components/Link/Link-v2.stories.tsx b/src/components/Link/Link-v2.stories.tsx
index 64d3102d3..fff8ed9c4 100644
--- a/src/components/Link/Link-v2.stories.tsx
+++ b/src/components/Link/Link-v2.stories.tsx
@@ -12,16 +12,22 @@ export default {
   args: {
     children: 'Link',
     size: 'lg',
-    href: 'https://go.czi.team/eds',
+    href: 'http://example.org/',
     // stop link from navigating to another page so we can click the link for testing
     onClick: (event: any) => event.preventDefault(),
   },
+  decorators: [
+    (Story) => <div className="text-utility-default-primary">{Story()}</div>,
+  ],
 } as Meta<Args>;
 
 type Args = React.ComponentProps<typeof Link>;
 
 export const Default: StoryObj<Args> = {};
 
+/**
+ * When using context, you can specify a trailing icon for the link.
+ */
 export const LinkWithChevron: StoryObj<Args> = {
   args: {
     children: 'Default',
@@ -30,6 +36,9 @@ export const LinkWithChevron: StoryObj<Args> = {
   },
 };
 
+/**
+ * When using context, you can specify a trailing icon for the link. When using the open icon, make sure that a new tab/window is opened.
+ */
 export const LinkWithOpenIcon: StoryObj<Args> = {
   args: {
     children: 'Default',
@@ -38,6 +47,9 @@ export const LinkWithOpenIcon: StoryObj<Args> = {
   },
 };
 
+/**
+ * You can add formatting to the link if needed.
+ */
 export const LinkWithFormattedChildren: StoryObj<Args> = {
   args: {
     children: <em>emphasized link</em>,
@@ -46,6 +58,9 @@ export const LinkWithFormattedChildren: StoryObj<Args> = {
   },
 };
 
+/**
+ * Standalone links can have additional emphasis or minimized emphasis applied.
+ */
 export const Emphasis: StoryObj<Args> = {
   args: {
     size: 'md',
@@ -78,7 +93,7 @@ export const Inverse: StoryObj<Args> = {
   // TODO: find a cleaner way to decorate with unavailable tokens using parameters:backgounds:
   decorators: [
     (Story) => (
-      <div className="w-96 bg-[var(--eds-color-blue-850)] p-1 text-center">
+      <div className="w-96 bg-[var(--eds-color-blue-850)] p-1 text-center text-utility-inverse">
         {Story()}
       </div>
     ),
@@ -86,18 +101,46 @@ export const Inverse: StoryObj<Args> = {
 };
 
 export const LinkInParagraphContext: StoryObj<ExtendArgs> = {
-  render: (
-    args: React.JSX.IntrinsicAttributes &
-      (LinkV2Props & React.RefAttributes<HTMLAnchorElement>),
-  ) => (
+  render: (args) => (
+    <div>
+      Lorem ipsum dolor sit amet,{' '}
+      <Link {...args} href="https://example.com/">
+        consectetur adipiscing elit
+      </Link>
+      . Morbi porta at ante quis molestie. Nam scelerisque id diam at iaculis.
+      Nullam sit amet iaculis erat. Nulla id tellus ante.{' '}
+      <Link {...args} href="https://example.org">
+        Aliquam pellentesque ipsum sagittis, commodo neque at, ornare est.
+        Maecenas a malesuada sem, vitae euismod erat. Nullam molestie nunc non
+        dui dignissim fermentum.
+      </Link>{' '}
+      Aliquam id volutpat nulla, sed auctor orci. Fusce cursus leo nisi. Fusce
+      vehicula vitae nisl nec ultricies. Cras ut enim nec magna semper egestas.
+      Sed sed quam id nisl bibendum convallis. Proin suscipit, odio{' '}
+      <Link {...args} href="https://example.edu">
+        vel pulvinar
+      </Link>{' '}
+      euismod, risus eros ullamcorper lectus, non blandit nulla dui eget massa.
+    </div>
+  ),
+};
+
+/**
+ * Links will inherit the color from the surrounding text color definition (default emphasis, inline links)
+ */
+export const InheritColor: StoryObj<Args> = {
+  args: {
+    children: 'Inheriting',
+  },
+  render: (args) => (
     <div>
       Lorem ipsum dolor sit amet,{' '}
-      <Link {...args} href="https://go.czi.team/eds">
+      <Link {...args} href="https://example.com/">
         consectetur adipiscing elit
       </Link>
       . Morbi porta at ante quis molestie. Nam scelerisque id diam at iaculis.
       Nullam sit amet iaculis erat. Nulla id tellus ante.{' '}
-      <Link {...args} href="https://go.czi.team/eds">
+      <Link {...args} href="https://example.org">
         Aliquam pellentesque ipsum sagittis, commodo neque at, ornare est.
         Maecenas a malesuada sem, vitae euismod erat. Nullam molestie nunc non
         dui dignissim fermentum.
@@ -105,16 +148,21 @@ export const LinkInParagraphContext: StoryObj<ExtendArgs> = {
       Aliquam id volutpat nulla, sed auctor orci. Fusce cursus leo nisi. Fusce
       vehicula vitae nisl nec ultricies. Cras ut enim nec magna semper egestas.
       Sed sed quam id nisl bibendum convallis. Proin suscipit, odio{' '}
-      <Link {...args} href="https://go.czi.team/eds">
+      <Link {...args} href="https://example.edu">
         vel pulvinar
       </Link>{' '}
       euismod, risus eros ullamcorper lectus, non blandit nulla dui eget massa.
     </div>
   ),
+  decorators: [
+    (Story) => <div className="text-utility-critical">{Story()}</div>,
+  ],
 };
 
-// Here, we introduce a special type extension to LinkProps, then use it in a
-// composed component, to demonstrate the ability to offer custom props to a component
+/**
+ * Here, we introduce a special type extension to LinkProps, then use it in a
+ * composed component, to demonstrate the ability to offer custom props to a component
+ */
 type ExtendArgs = LinkV2Props<{ to: string }>;
 function ExtendedLink(args: ExtendArgs) {
   return (
@@ -150,7 +198,11 @@ export const UsingExtendedLink: StoryObj<ExtendArgs> = {
   render: (args) => (
     <div>
       Lorem ipsum dolor sit amet,{' '}
-      <ExtendedLink {...args} href="https://go.czi.team/eds" to="test">
+      <ExtendedLink
+        {...args}
+        href="https://example.org/extended-link/"
+        to="test"
+      >
         consectetur adipiscing elit
       </ExtendedLink>
       . Morbi porta at ante quis molestie. Nam scelerisque id diam at iaculis.
diff --git a/src/components/Link/Link-v2.tsx b/src/components/Link/Link-v2.tsx
index 9f832daa6..5dd55bb47 100644
--- a/src/components/Link/Link-v2.tsx
+++ b/src/components/Link/Link-v2.tsx
@@ -79,6 +79,8 @@ export const Link = forwardRef<HTMLAnchorElement, LinkV2Props>(
 
     const iconSize = size && (['xl', 'lg'].includes(size) ? '1.5rem' : '1rem');
 
+    // TODO-AH: Inline links cannot be lowEmphasis (add runtime warning)
+    // TODO-AH: chevron-right only allowr when lowEmphasis is used (add runtime warning)
     return (
       <Component className={componentClassName} ref={ref} {...other}>
         {children}
diff --git a/src/components/Link/__snapshots__/Link-v2.test.tsx.snap b/src/components/Link/__snapshots__/Link-v2.test.tsx.snap
index 5dcf92a09..7ed75ebcf 100644
--- a/src/components/Link/__snapshots__/Link-v2.test.tsx.snap
+++ b/src/components/Link/__snapshots__/Link-v2.test.tsx.snap
@@ -1,166 +1,238 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<Link /> Default story renders snapshot 1`] = `
-<a
-  class="link link--emphasis-default link--size-lg"
-  href="https://go.czi.team/eds"
+<div
+  class="text-utility-default-primary"
 >
-  Link
-</a>
-`;
-
-exports[`<Link /> Emphasis story renders snapshot 1`] = `
-<div>
-  <a
-    class="link link--context-standalone link--emphasis-default link--size-md"
-    href="https://go.czi.team/eds"
-  >
-    Default Emphasis
-  </a>
   <a
-    class="link link--context-standalone link--emphasis-high link--size-md"
-    href="https://go.czi.team/eds"
+    class="link link--emphasis-default link--size-lg"
+    href="http://example.org/"
   >
-    High Emphasis
+    Link
   </a>
-  <a
-    class="link link--context-standalone link--emphasis-low link--size-md"
-    href="https://go.czi.team/eds"
+</div>
+`;
+
+exports[`<Link /> Emphasis story renders snapshot 1`] = `
+<div
+  class="text-utility-default-primary"
+>
+  <div>
+    <a
+      class="link link--context-standalone link--emphasis-default link--size-md"
+      href="http://example.org/"
+    >
+      Default Emphasis
+    </a>
+    <a
+      class="link link--context-standalone link--emphasis-high link--size-md"
+      href="http://example.org/"
+    >
+      High Emphasis
+    </a>
+    <a
+      class="link link--context-standalone link--emphasis-low link--size-md"
+      href="http://example.org/"
+    >
+      Low Emphasis
+    </a>
+  </div>
+</div>
+`;
+
+exports[`<Link /> InheritColor story renders snapshot 1`] = `
+<div
+  class="text-utility-default-primary"
+>
+  <div
+    class="text-utility-critical"
   >
-    Low Emphasis
-  </a>
+    <div>
+      Lorem ipsum dolor sit amet,
+       
+      <a
+        class="link link--emphasis-default link--size-lg"
+        href="https://example.com/"
+      >
+        consectetur adipiscing elit
+      </a>
+      . Morbi porta at ante quis molestie. Nam scelerisque id diam at iaculis. Nullam sit amet iaculis erat. Nulla id tellus ante.
+       
+      <a
+        class="link link--emphasis-default link--size-lg"
+        href="https://example.org"
+      >
+        Aliquam pellentesque ipsum sagittis, commodo neque at, ornare est. Maecenas a malesuada sem, vitae euismod erat. Nullam molestie nunc non dui dignissim fermentum.
+      </a>
+       
+      Aliquam id volutpat nulla, sed auctor orci. Fusce cursus leo nisi. Fusce vehicula vitae nisl nec ultricies. Cras ut enim nec magna semper egestas. Sed sed quam id nisl bibendum convallis. Proin suscipit, odio
+       
+      <a
+        class="link link--emphasis-default link--size-lg"
+        href="https://example.edu"
+      >
+        vel pulvinar
+      </a>
+       
+      euismod, risus eros ullamcorper lectus, non blandit nulla dui eget massa.
+    </div>
+  </div>
 </div>
 `;
 
 exports[`<Link /> Inverse story renders snapshot 1`] = `
 <div
-  class="w-96 bg-[var(--eds-color-blue-850)] p-1 text-center"
+  class="text-utility-default-primary"
 >
-  <a
-    class="link link--emphasis-default link--size-lg link--variant-inverse"
-    href="https://go.czi.team/eds"
+  <div
+    class="w-96 bg-[var(--eds-color-blue-850)] p-1 text-center text-utility-inverse"
   >
-    Link
-  </a>
+    <a
+      class="link link--emphasis-default link--size-lg link--variant-inverse"
+      href="http://example.org/"
+    >
+      Link
+    </a>
+  </div>
 </div>
 `;
 
 exports[`<Link /> LinkInParagraphContext story renders snapshot 1`] = `
-<div>
-  Lorem ipsum dolor sit amet,
-   
-  <a
-    class="link link--emphasis-default link--size-lg"
-    href="https://go.czi.team/eds"
-  >
-    consectetur adipiscing elit
-  </a>
-  . Morbi porta at ante quis molestie. Nam scelerisque id diam at iaculis. Nullam sit amet iaculis erat. Nulla id tellus ante.
-   
-  <a
-    class="link link--emphasis-default link--size-lg"
-    href="https://go.czi.team/eds"
-  >
-    Aliquam pellentesque ipsum sagittis, commodo neque at, ornare est. Maecenas a malesuada sem, vitae euismod erat. Nullam molestie nunc non dui dignissim fermentum.
-  </a>
-   
-  Aliquam id volutpat nulla, sed auctor orci. Fusce cursus leo nisi. Fusce vehicula vitae nisl nec ultricies. Cras ut enim nec magna semper egestas. Sed sed quam id nisl bibendum convallis. Proin suscipit, odio
-   
-  <a
-    class="link link--emphasis-default link--size-lg"
-    href="https://go.czi.team/eds"
-  >
-    vel pulvinar
-  </a>
-   
-  euismod, risus eros ullamcorper lectus, non blandit nulla dui eget massa.
+<div
+  class="text-utility-default-primary"
+>
+  <div>
+    Lorem ipsum dolor sit amet,
+     
+    <a
+      class="link link--emphasis-default link--size-lg"
+      href="https://example.com/"
+    >
+      consectetur adipiscing elit
+    </a>
+    . Morbi porta at ante quis molestie. Nam scelerisque id diam at iaculis. Nullam sit amet iaculis erat. Nulla id tellus ante.
+     
+    <a
+      class="link link--emphasis-default link--size-lg"
+      href="https://example.org"
+    >
+      Aliquam pellentesque ipsum sagittis, commodo neque at, ornare est. Maecenas a malesuada sem, vitae euismod erat. Nullam molestie nunc non dui dignissim fermentum.
+    </a>
+     
+    Aliquam id volutpat nulla, sed auctor orci. Fusce cursus leo nisi. Fusce vehicula vitae nisl nec ultricies. Cras ut enim nec magna semper egestas. Sed sed quam id nisl bibendum convallis. Proin suscipit, odio
+     
+    <a
+      class="link link--emphasis-default link--size-lg"
+      href="https://example.edu"
+    >
+      vel pulvinar
+    </a>
+     
+    euismod, risus eros ullamcorper lectus, non blandit nulla dui eget massa.
+  </div>
 </div>
 `;
 
 exports[`<Link /> LinkWithChevron story renders snapshot 1`] = `
-<a
-  class="link link--context-standalone link--emphasis-default link--has-right-icon link--size-lg"
-  href="https://go.czi.team/eds"
+<div
+  class="text-utility-default-primary"
 >
-  Default
-  <svg
-    aria-hidden="true"
-    class="icon link__icon"
-    fill="currentColor"
-    height="1.5rem"
-    style="--icon-size: 1.5rem;"
-    viewBox="0 0 24 24"
-    width="1.5rem"
-    xmlns="http://www.w3.org/2000/svg"
+  <a
+    class="link link--context-standalone link--emphasis-default link--has-right-icon link--size-lg"
+    href="http://example.org/"
   >
-    <path
-      d="M7.14999 21.1C6.89999 20.85 6.77499 20.5542 6.77499 20.2125C6.77499 19.8708 6.89999 19.575 7.14999 19.325L14.475 12L7.12499 4.65C6.89166 4.41667 6.77499 4.125 6.77499 3.775C6.77499 3.425 6.89999 3.125 7.14999 2.875C7.39999 2.625 7.69583 2.5 8.03749 2.5C8.37916 2.5 8.67499 2.625 8.92499 2.875L17.325 11.3C17.425 11.4 17.4958 11.5083 17.5375 11.625C17.5792 11.7417 17.6 11.8667 17.6 12C17.6 12.1333 17.5792 12.2583 17.5375 12.375C17.4958 12.4917 17.425 12.6 17.325 12.7L8.89999 21.125C8.66666 21.3583 8.37916 21.475 8.03749 21.475C7.69583 21.475 7.39999 21.35 7.14999 21.1Z"
-    />
-  </svg>
-</a>
+    Default
+    <svg
+      aria-hidden="true"
+      class="icon link__icon"
+      fill="currentColor"
+      height="1.5rem"
+      style="--icon-size: 1.5rem;"
+      viewBox="0 0 24 24"
+      width="1.5rem"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.14999 21.1C6.89999 20.85 6.77499 20.5542 6.77499 20.2125C6.77499 19.8708 6.89999 19.575 7.14999 19.325L14.475 12L7.12499 4.65C6.89166 4.41667 6.77499 4.125 6.77499 3.775C6.77499 3.425 6.89999 3.125 7.14999 2.875C7.39999 2.625 7.69583 2.5 8.03749 2.5C8.37916 2.5 8.67499 2.625 8.92499 2.875L17.325 11.3C17.425 11.4 17.4958 11.5083 17.5375 11.625C17.5792 11.7417 17.6 11.8667 17.6 12C17.6 12.1333 17.5792 12.2583 17.5375 12.375C17.4958 12.4917 17.425 12.6 17.325 12.7L8.89999 21.125C8.66666 21.3583 8.37916 21.475 8.03749 21.475C7.69583 21.475 7.39999 21.35 7.14999 21.1Z"
+      />
+    </svg>
+  </a>
+</div>
 `;
 
 exports[`<Link /> LinkWithFormattedChildren story renders snapshot 1`] = `
-<a
-  class="link link--context-standalone link--emphasis-default link--has-right-icon link--size-lg"
-  href="https://go.czi.team/eds"
+<div
+  class="text-utility-default-primary"
 >
-  <em>
-    emphasized link
-  </em>
-  <svg
-    aria-hidden="true"
-    class="icon link__icon"
-    fill="currentColor"
-    height="1.5rem"
-    style="--icon-size: 1.5rem;"
-    viewBox="0 0 24 24"
-    width="1.5rem"
-    xmlns="http://www.w3.org/2000/svg"
+  <a
+    class="link link--context-standalone link--emphasis-default link--has-right-icon link--size-lg"
+    href="http://example.org/"
   >
-    <path
-      d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.11 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1z"
-    />
-  </svg>
-</a>
+    <em>
+      emphasized link
+    </em>
+    <svg
+      aria-hidden="true"
+      class="icon link__icon"
+      fill="currentColor"
+      height="1.5rem"
+      style="--icon-size: 1.5rem;"
+      viewBox="0 0 24 24"
+      width="1.5rem"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.11 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1z"
+      />
+    </svg>
+  </a>
+</div>
 `;
 
 exports[`<Link /> LinkWithOpenIcon story renders snapshot 1`] = `
-<a
-  class="link link--context-standalone link--emphasis-default link--has-right-icon link--size-lg"
-  href="https://go.czi.team/eds"
+<div
+  class="text-utility-default-primary"
 >
-  Default
-  <svg
-    aria-hidden="true"
-    class="icon link__icon"
-    fill="currentColor"
-    height="1.5rem"
-    style="--icon-size: 1.5rem;"
-    viewBox="0 0 24 24"
-    width="1.5rem"
-    xmlns="http://www.w3.org/2000/svg"
+  <a
+    class="link link--context-standalone link--emphasis-default link--has-right-icon link--size-lg"
+    href="http://example.org/"
   >
-    <path
-      d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.11 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1z"
-    />
-  </svg>
-</a>
+    Default
+    <svg
+      aria-hidden="true"
+      class="icon link__icon"
+      fill="currentColor"
+      height="1.5rem"
+      style="--icon-size: 1.5rem;"
+      viewBox="0 0 24 24"
+      width="1.5rem"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.11 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1z"
+      />
+    </svg>
+  </a>
+</div>
 `;
 
 exports[`<Link /> UsingExtendedLink story renders snapshot 1`] = `
-<div>
-  Lorem ipsum dolor sit amet,
-   
-  <a
-    class="link link--emphasis-default link--size-lg"
-    href="https://go.czi.team/eds"
-    to="test"
-  >
-    consectetur adipiscing elit
-  </a>
-  . Morbi porta at ante quis molestie. Nam scelerisque id diam at iaculis. Nullam sit amet iaculis erat. Nulla id tellus ante.
-   
+<div
+  class="text-utility-default-primary"
+>
+  <div>
+    Lorem ipsum dolor sit amet,
+     
+    <a
+      class="link link--emphasis-default link--size-lg"
+      href="https://example.org/extended-link/"
+      to="test"
+    >
+      consectetur adipiscing elit
+    </a>
+    . Morbi porta at ante quis molestie. Nam scelerisque id diam at iaculis. Nullam sit amet iaculis erat. Nulla id tellus ante.
+     
+  </div>
 </div>
 `;