diff --git a/src/components/Dialog/Dialog.css b/src/components/Dialog/Dialog.css
deleted file mode 100644
index 42aeec2..0000000
--- a/src/components/Dialog/Dialog.css
+++ /dev/null
@@ -1,23 +0,0 @@
-.bbn-dialog {
-  @apply rounded border border-primary-light/20 bg-[#ffffff] p-6;
-
-  &-wrapper {
-    @apply fixed left-1/2 top-1/2 z-50 max-w-full -translate-x-1/2 -translate-y-1/2;
-  }
-
-  &-body {
-    @apply custom-scrollbar min-h-0 flex-1 overflow-y-auto;
-  }
-
-  &-header {
-    @apply flex items-center justify-between gap-2;
-  }
-
-  &-footer {
-    @apply shrink-0;
-  }
-
-  &-mobile {
-    @apply fixed inset-x-0 bottom-0 z-50 flex flex-col rounded-t-3xl bg-[#ffffff] px-4 pb-4 pt-6;
-  }
-}
diff --git a/src/components/Dialog/MobileDialog.tsx b/src/components/Dialog/MobileDialog.tsx
index 089617f..d77592c 100644
--- a/src/components/Dialog/MobileDialog.tsx
+++ b/src/components/Dialog/MobileDialog.tsx
@@ -1,6 +1,5 @@
 import { type DetailedHTMLProps, type HTMLAttributes } from "react";
 import { twJoin } from "tailwind-merge";
-import "./Dialog.css";
 
 import { Portal } from "@/components/Portal";
 import { useModalManager } from "@/hooks/useModalManager";
diff --git a/src/components/Dialog/index.ts b/src/components/Dialog/index.ts
index 6765fdb..9e37ef8 100644
--- a/src/components/Dialog/index.ts
+++ b/src/components/Dialog/index.ts
@@ -1,3 +1,5 @@
+import "./index.css";
+
 export * from "./Dialog";
 export * from "./MobileDialog";
 export * from "./components/DialogHeader";