diff --git a/components/src/primitives/Link.stories.tsx b/components/src/primitives/Link.stories.tsx
index 2f54b472920..1aa3890d293 100644
--- a/components/src/primitives/Link.stories.tsx
+++ b/components/src/primitives/Link.stories.tsx
@@ -1,24 +1,27 @@
-import * as React from 'react'
 import { Link } from './Link'
 
-import type { Story, Meta } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/react'
 
-export default {
+const meta: Meta<typeof Link> = {
   title: 'Library/Atoms/Link',
-} as Meta
+  component: Link,
+}
+
+export default meta
+
+type Story = StoryObj<typeof Link>
 
-const Template: Story<React.ComponentProps<typeof Link>> = args => (
-  <Link {...args} />
-)
-export const Basic = Template.bind({})
-Basic.args = {
-  children: 'hello anchor',
-  href: '#',
+export const Basic: Story = {
+  args: {
+    children: 'hello anchor',
+    href: '#',
+  },
 }
 
-export const External = Template.bind({})
-External.args = {
-  children: 'hello opentrons',
-  external: true,
-  href: 'https://www.opentrons.com',
+export const External: Story = {
+  args: {
+    children: 'hello opentrons',
+    external: true,
+    href: 'https://www.opentrons.com',
+  },
 }