diff --git a/package.json b/package.json
index c5897e9c..bd7d889c 100644
--- a/package.json
+++ b/package.json
@@ -62,7 +62,6 @@
     "@codemirror/view": "^6.36.4",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@tailwindcss/forms": "^0.5.9",
-    "@tailwindcss/postcss": "^4.0.13",
     "@tailwindcss/vite": "^4.0.12",
     "@tsconfig/svelte": "^5.0.4",
     "@types/chrome": "^0.0.308",
@@ -89,7 +88,6 @@
     "lodash": "^4.17.21",
     "million": "^3.1.11",
     "motion": "^12.4.12",
-    "postcss": "^8.5.3",
     "react": "17",
     "react-best-gradient-color-picker": "3.0.11",
     "react-dom": "17",
diff --git a/vite.config.ts b/vite.config.ts
index 25582b7f..200ad4e3 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -11,6 +11,7 @@ import million from "million/compiler";
 //import MillionLint from '@million/lint';
 
 import { svelte } from '@sveltejs/vite-plugin-svelte'
+import tailwindcss from '@tailwindcss/vite';
 
 import { chrome } from './src/manifests/chrome';
 import { brave } from './src/manifests/brave';
@@ -30,6 +31,7 @@ export default defineConfig(({ command }) => ({
   plugins: [
     base64Loader,
     react(),
+    tailwindcss(),
     svelte({
       emitCss: false
     }),