diff --git a/packages/design-system/src/components/Dialog/index.ts b/packages/design-system/src/components/Dialog/index.ts
index 067ba5f5..3ac1297a 100644
--- a/packages/design-system/src/components/Dialog/index.ts
+++ b/packages/design-system/src/components/Dialog/index.ts
@@ -1,4 +1,4 @@
-export { default as Dialog } from "./Dialog";
+export { default } from "./Dialog";
 
 export type {
   DialogBase,
diff --git a/packages/design-system/src/index.ts b/packages/design-system/src/index.ts
index 09001d49..bd61f549 100644
--- a/packages/design-system/src/index.ts
+++ b/packages/design-system/src/index.ts
@@ -5,6 +5,7 @@ export { default as Alert } from "./components/Alert";
 export { default as Button } from "./components/Button";
 export { default as Chip } from "./components/Chip";
 export { default as Checkbox } from "./components/Checkbox";
+export { default as Dialog } from "./components/Dialog";
 export { default as DataTable } from "./components/DataTable";
 export { default as DatePicker } from "./components/DatePicker";
 export { default as Dropdown } from "./components/Dropdown";
diff --git a/packages/design-system/src/stories/components/Dialog/Dialog.stories.tsx b/packages/design-system/src/stories/components/Dialog/Dialog.stories.tsx
index 110dd862..cfff6852 100644
--- a/packages/design-system/src/stories/components/Dialog/Dialog.stories.tsx
+++ b/packages/design-system/src/stories/components/Dialog/Dialog.stories.tsx
@@ -2,9 +2,8 @@ import React, { useState } from "react";
 import { Box } from "@mui/material";
 import Error from "@lunit/design-system-icons/Error";
 
-import Button from "../../../components/Button";
-
-import { Dialog } from "../../../components/Dialog";
+import Button from "@/components/Button";
+import Dialog from "@/components/Dialog";
 
 import type { Meta, StoryObj } from "@storybook/react";