diff --git a/src/components/FormRadioInput.tsx b/src/components/FormRadioInput.tsx
index 6c2ffda6..71372850 100644
--- a/src/components/FormRadioInput.tsx
+++ b/src/components/FormRadioInput.tsx
@@ -37,6 +37,7 @@ export const FormRadioInput: React.FC<FormRadioInputProps> = ({
             <StyledFormRadioInput
                 type="radio"
                 checked={innerValue === value}
+                value={innerValue}
                 name={name}
                 onChange={onRadioInputChange}
                 id={innerValue}
diff --git a/src/stories/FormRadio.stories.tsx b/src/stories/FormRadio.stories.tsx
new file mode 100644
index 00000000..25f25857
--- /dev/null
+++ b/src/stories/FormRadio.stories.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { FormRadio } from '../components/FormRadio';
+import { FormRadioInput } from '../components/FormRadioInput';
+
+const meta: Meta<typeof FormRadio> = {
+    title: 'FormRadio',
+    component: FormRadio,
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    render: () => (
+        <FormRadio label="Theme" name="theme" value={'light'} onChange={(v) => console.log(v)}>
+            <FormRadioInput value="system" label="System" />
+            <FormRadioInput value="dark" label="Dark" />
+            <FormRadioInput value="light" label="Light" />
+        </FormRadio>
+    ),
+};