diff --git a/src/components/lume/LumeDashboard/LumeDashboard.stories.tsx b/src/components/lume/LumeDashboard/LumeDashboard.stories.tsx
deleted file mode 100644
index 60e771b..0000000
--- a/src/components/lume/LumeDashboard/LumeDashboard.stories.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import LumeDashboard from './LumeDashboard';
-import LumeProvider from '../LumeProvider';
-
-export default {
-  title: 'LumeDashboard',
-  component: LumeDashboard,
-} as Meta<typeof LumeDashboard>;
-
-const Template: StoryFn<typeof LumeDashboard> = (args) => <LumeProvider>
-  <LumeDashboard {...args} />
-</LumeProvider>;
-
-export const Primary = Template.bind({});
-Primary.args = {
-  // Add initial props here
-};
\ No newline at end of file
diff --git a/src/components/lume/LumeIdentity/LumeIdentity.stories.tsx b/src/components/lume/LumeIdentity/LumeIdentity.stories.tsx
deleted file mode 100644
index 12c4acc..0000000
--- a/src/components/lume/LumeIdentity/LumeIdentity.stories.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { StoryFn, Meta } from '@storybook/react';
-import LumeIdentity from './LumeIdentity';
-
-export default {
-  title: 'LumeIdentity',
-  component: LumeIdentity,
-} as Meta<typeof LumeIdentity>;
-
-const Template: StoryFn<typeof LumeIdentity> = (args) => <LumeIdentity {...args} />;
-
-export const Primary = Template.bind({});
-Primary.args = {
-  // Add initial props here
-};
\ No newline at end of file
diff --git a/stories/LumeDashboard.stories.tsx b/stories/LumeDashboard.stories.tsx
new file mode 100644
index 0000000..2b3f195
--- /dev/null
+++ b/stories/LumeDashboard.stories.tsx
@@ -0,0 +1,19 @@
+import { StoryFn, Meta } from "@storybook/react";
+import LumeDashboard from "../src/components/lume/LumeDashboard/LumeDashboard.js";
+import LumeProvider from "../src/components/lume/LumeProvider.js";
+
+export default {
+  title: "LumeDashboard",
+  component: LumeDashboard,
+} as Meta<typeof LumeDashboard>;
+
+const Template: StoryFn<typeof LumeDashboard> = (args) => (
+  <LumeProvider>
+    <LumeDashboard {...args} />
+  </LumeProvider>
+);
+
+export const Primary = Template.bind({});
+Primary.args = {
+  // Add initial props here
+};
diff --git a/stories/LumeIdentity.stories.tsx b/stories/LumeIdentity.stories.tsx
new file mode 100644
index 0000000..90e80f0
--- /dev/null
+++ b/stories/LumeIdentity.stories.tsx
@@ -0,0 +1,16 @@
+import { StoryFn, Meta } from "@storybook/react";
+import LumeIdentity from "../src/components/lume/LumeIdentity/LumeIdentity.js";
+
+export default {
+  title: "LumeIdentity",
+  component: LumeIdentity,
+} as Meta<typeof LumeIdentity>;
+
+const Template: StoryFn<typeof LumeIdentity> = (args) => (
+  <LumeIdentity {...args} />
+);
+
+export const Primary = Template.bind({});
+Primary.args = {
+  // Add initial props here
+};