diff --git a/packages/components/src/__stories__/FormInput.stories.tsx b/packages/components/src/__stories__/FormInput.stories.tsx
index 300a40a4..bcb5b4cc 100644
--- a/packages/components/src/__stories__/FormInput.stories.tsx
+++ b/packages/components/src/__stories__/FormInput.stories.tsx
@@ -22,7 +22,7 @@ export const Basic: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    const input = canvas.getByRole("textbox");
+    const input = canvas.getByRole("input");
     await userEvent.type(input, "test");
 
     const availableOptions = await canvas.findByDisplayValue("test");