diff --git a/src/webapp/features/profile/components/profileEmptyTab/ProfileEmptyTab.stories.tsx b/src/webapp/features/profile/components/profileEmptyTab/ProfileEmptyTab.stories.tsx
new file mode 100644
index 00000000..62ad4430
--- /dev/null
+++ b/src/webapp/features/profile/components/profileEmptyTab/ProfileEmptyTab.stories.tsx
@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/nextjs-vite';
+import ProfileEmptyTab from './ProfileEmptyTab';
+import { IoMdAlert } from 'react-icons/io';
+
+const meta = {
+  component: ProfileEmptyTab,
+} satisfies Meta<typeof ProfileEmptyTab>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    message: 'A message that indicates this tab on profile has no content',
+    icon: IoMdAlert,
+  },
+};