diff --git a/packages/design-system/lib/components/Form/SelectPaymentMethod/SelectPaymentMethod.stories.tsx b/packages/design-system/lib/components/Form/SelectPaymentMethod/SelectPaymentMethod.stories.tsx
index a05446471..d5d292871 100644
--- a/packages/design-system/lib/components/Form/SelectPaymentMethod/SelectPaymentMethod.stories.tsx
+++ b/packages/design-system/lib/components/Form/SelectPaymentMethod/SelectPaymentMethod.stories.tsx
@@ -1,3 +1,4 @@
+import type { ComponentProps } from 'react'
 import type { Meta, StoryObj } from '@storybook/nextjs-vite'
 import { fn, expect } from 'storybook/test'
 import { SelectPaymentMethod } from './index'
@@ -17,6 +18,7 @@ type Story = StoryObj<typeof SelectPaymentMethod>
 
 export const PrimaryDefault: Story = {
   args: {
+    formName: 'paymentMethod',
     onChange: fn(),
     paymentMethods: [
       {
@@ -32,7 +34,7 @@ export const PrimaryDefault: Story = {
         truncatedNumber: '1234',
       },
     ],
-  },
+  } satisfies ComponentProps<typeof SelectPaymentMethod>,
 
   play: async ({ canvas, userEvent, args }) => {
     const options = await canvas.findAllByRole('radio')