diff --git a/src/index.ts b/src/index.ts
index bef03e4..75a3e89 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,3 +1,3 @@
 import './style.scss'
 
-export {default as SingleDatePicker} from './components/SingleDatePicker.tsx'
\ No newline at end of file
+export {default as SingleDatePicker} from './components/SingleDatePicker'
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index 85f0cdc..c38d9a7 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -8,20 +8,30 @@ export default defineConfig(({mode}) => ({
     lib: {
       entry: "src/index.ts",
       name: "datenel-react",
-      fileName: format => `datenel.${format}.js`,
+      fileName: format => `index.${format}.js`,
     },
     rollupOptions: {
       external: ["react"],
       output: {
         globals: {
           react: "React",
+          "react-dom": "ReactDOM",
         },
+        assetFileNames: assetInfo => {
+          if (assetInfo.names[0].endsWith(".css")) {
+            return "index.css";
+          }
+          return `assets/${assetInfo.names[0]}`;
+        }
       },
     },
   },
-  plugins: [react(), dts({
-    tsconfigPath: "./tsconfig.app.json"
-  })],
+  plugins: [
+    react(),
+    dts({
+      tsconfigPath: "./tsconfig.app.json"
+    }),
+  ],
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),