diff --git a/src/components/DocsNav/DocsNav.stories.tsx b/src/components/DocsNav/DocsNav.stories.tsx
new file mode 100644
index 00000000000..55efb3fdd1c
--- /dev/null
+++ b/src/components/DocsNav/DocsNav.stories.tsx
@@ -0,0 +1,36 @@
+import { Meta, StoryObj } from "@storybook/react"
+
+import DocsNavComponent from "."
+
+const meta = {
+  title: "Molecules / Navigation / DocsNav",
+  component: DocsNavComponent,
+  parameters: {
+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        pathname: "/developers/docs/intro-to-ethereum/",
+      },
+    },
+
+    layout: "fullscreen",
+  },
+
+  decorators: [
+    (Story) => (
+      <div className="mx-auto max-w-4xl p-6">
+        <Story />
+      </div>
+    ),
+  ],
+} satisfies Meta<typeof DocsNavComponent>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const DocsNav: Story = {
+  args: {
+    contentNotTranslated: false,
+  },
+}
diff --git a/src/components/DocsNav.tsx b/src/components/DocsNav/index.tsx
similarity index 100%
rename from src/components/DocsNav.tsx
rename to src/components/DocsNav/index.tsx