diff --git a/apps/main/src/main.css b/apps/main/src/main.css
index c3291cd..10b8341 100644
--- a/apps/main/src/main.css
+++ b/apps/main/src/main.css
@@ -1,5 +1,8 @@
 @import "tailwindcss";
 @import "tw-animate-css";
+@import "@xtablo/chat-ui/src/chat-ui.css";
+
+@source "../../../packages/chat-ui/src/**/*.{ts,tsx}";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/packages/chat-ui/src/index.ts b/packages/chat-ui/src/index.ts
index 1605458..4d5c740 100644
--- a/packages/chat-ui/src/index.ts
+++ b/packages/chat-ui/src/index.ts
@@ -1,5 +1,3 @@
-import "./chat-ui.css"
-
 // Core components
 export {
   ChatProvider,