diff --git a/extension/package-lock.json b/extension/package-lock.json
index 7d33bb9..7d6cb19 100644
--- a/extension/package-lock.json
+++ b/extension/package-lock.json
@@ -2574,6 +2574,27 @@
 				"fsevents": "~2.1.2"
 			}
 		},
+		"rollup-plugin-css-only": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/rollup-plugin-css-only/-/rollup-plugin-css-only-3.1.0.tgz",
+			"integrity": "sha512-TYMOE5uoD76vpj+RTkQLzC9cQtbnJNktHPB507FzRWBVaofg7KhIqq1kGbcVOadARSozWF883Ho9KpSPKH8gqA==",
+			"dev": true,
+			"requires": {
+				"@rollup/pluginutils": "4"
+			},
+			"dependencies": {
+				"@rollup/pluginutils": {
+					"version": "4.1.0",
+					"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.1.0.tgz",
+					"integrity": "sha512-TrBhfJkFxA+ER+ew2U2/fHbebhLT/l/2pRk0hfj9KusXUuRXd2v0R58AfaZK9VXDQ4TogOSEmICVrQAA3zFnHQ==",
+					"dev": true,
+					"requires": {
+						"estree-walker": "^2.0.1",
+						"picomatch": "^2.2.2"
+					}
+				}
+			}
+		},
 		"rollup-plugin-svelte": {
 			"version": "6.1.1",
 			"resolved": "https://registry.npmjs.org/rollup-plugin-svelte/-/rollup-plugin-svelte-6.1.1.tgz",
diff --git a/extension/package.json b/extension/package.json
index 318f0f1..e92f749 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -94,7 +94,8 @@
     "glob": "^7.1.6",
     "mocha": "^8.1.3",
     "rollup": "^2.3.4",
-    "rollup-plugin-svelte": "^6.0.0",
+    "rollup-plugin-css-only": "^3.1.0",
+    "rollup-plugin-svelte": "^6.1.1",
     "rollup-plugin-terser": "^7.0.2",
     "svelte": "^3.31.0",
     "svelte-check": "^1.1.23",
diff --git a/extension/rollup.config.js b/extension/rollup.config.js
index 46bb3fc..845e852 100644
--- a/extension/rollup.config.js
+++ b/extension/rollup.config.js
@@ -4,6 +4,7 @@ import commonjs from "@rollup/plugin-commonjs";
 import { terser } from "rollup-plugin-terser";
 import sveltePreprocess from "svelte-preprocess";
 import typescript from "@rollup/plugin-typescript";
+import css from "rollup-plugin-css-only";
 import path from "path";
 import fs from "fs";
 
@@ -25,13 +26,11 @@ export default fs
         svelte({
           // enable run-time checks when not in production
           dev: !production,
-          // we'll extract any component CSS out into
-          // a separate file - better for performance
-          css: (css) => {
-            css.write(name + ".css");
-          },
           preprocess: sveltePreprocess(),
         }),
+        // we'll extract any component CSS out into
+        // a separate file - better for performance
+        css({ output: name + ".css" }),
 
         // If you have external dependencies installed from
         // npm, you'll most likely need these plugins. In