diff --git a/lib/package.json b/lib/package.json
index 7558d1101..29e8d12d1 100644
--- a/lib/package.json
+++ b/lib/package.json
@@ -10,17 +10,17 @@
     "./theme": {
       "types": "./dist/types/theme/index.d.ts",
       "import": "./dist/theme.mjs",
-      "require": "./dist/theme.js"
+      "require": "./dist/theme.mjs"
     },
     "./utils": {
       "types": "./dist/types/utils/index.d.ts",
       "import": "./dist/utils.mjs",
-      "require": "./dist/utils.js"
+      "require": "./dist/utils.mjs"
     },
     "./*": {
       "types": "./dist/types/components/*/index.d.ts",
       "import": "./dist/*.mjs",
-      "require": "./dist/*.js"
+      "require": "./dist/*.mjs"
     }
   },
   "scripts": {
diff --git a/lib/vite.config.mjs b/lib/vite.config.mjs
index 044a45b7b..6e703bdbd 100644
--- a/lib/vite.config.mjs
+++ b/lib/vite.config.mjs
@@ -33,6 +33,7 @@ export default defineConfig({
     lib: {
       entry: getLibEntries(),
       name: 'Welcome UI',
+      formats: ['es'],
     },
     rollupOptions: {
       external: ['react', '@xstyled/styled-components', 'styled-components'],