diff --git a/front/src/modules/ui/checkmark/components/__stories__/Checkmark.stories.tsx b/front/src/modules/ui/checkmark/components/__stories__/Checkmark.stories.tsx
new file mode 100644
index 000000000..693c13a91
--- /dev/null
+++ b/front/src/modules/ui/checkmark/components/__stories__/Checkmark.stories.tsx
@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+
+import { Checkmark } from '../Checkmark';
+
+const meta: Meta<typeof Checkmark> = {
+  title: 'UI/Checkmark/Checkmark',
+  component: Checkmark,
+  decorators: [ComponentDecorator],
+};
+
+export default meta;
+type Story = StoryObj<typeof Checkmark>;
+
+export const Default: Story = { args: {} };
+
+export const WithCustomStyles: Story = {
+  args: { style: { backgroundColor: 'red', height: 40, width: 40 } },
+};