diff --git a/package.json b/package.json
index d0a664fe..bdeb2be3 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,9 @@
   "version": "1.9.1",
   "packageManager": "pnpm@11.4.0",
   "description": "Speakeasy's design system Moonshine",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "main": "dist/moonshine.cjs.js",
   "module": "dist/moonshine.es.js",
   "types": "dist/index.d.ts",
@@ -13,10 +15,7 @@
       "require": "./dist/moonshine.cjs.js",
       "import": "./dist/moonshine.es.js"
     },
-    "./moonshine.css": {
-      "require": "./dist/style.css",
-      "import": "./dist/style.css"
-    },
+    "./moonshine.css": "./dist/moonshine.css",
     "./src/global.css": {
       "require": "./src/global.css",
       "import": "./src/global.css"
diff --git a/vite.config.mts b/vite.config.mts
index eaa3727c..41bc631d 100644
--- a/vite.config.mts
+++ b/vite.config.mts
@@ -37,6 +37,7 @@ export default defineConfig({
       entry: resolve(__dirname, 'src/index.ts'),
       name: packageName,
       fileName: (format) => `${packageName}.${format}.js`,
+      cssFileName: packageName,
       formats: ['es'],
     },
     rollupOptions: {