diff --git a/vite-frontend/package.json b/vite-frontend/package.json
index 2c4861c..dcdcde1 100644
--- a/vite-frontend/package.json
+++ b/vite-frontend/package.json
@@ -47,12 +47,13 @@
     "react-hot-toast": "^2.5.2",
     "react-router-dom": "6.23.0",
     "tailwind-variants": "0.3.0",
-    "tailwindcss": "3.4.16"
+    "tailwindcss": "^4.0.0"
   },
   "devDependencies": {
     "@eslint/compat": "1.2.8",
     "@eslint/eslintrc": "3.3.1",
     "@eslint/js": "9.25.1",
+    "@tailwindcss/postcss": "^4.1.11",
     "@types/node": "20.5.7",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
diff --git a/vite-frontend/postcss.config.cjs b/vite-frontend/postcss.config.cjs
new file mode 100644
index 0000000..ea8a588
--- /dev/null
+++ b/vite-frontend/postcss.config.cjs
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: [
+    require('@tailwindcss/postcss'),
+    require('autoprefixer'),
+  ],
+}
\ No newline at end of file
diff --git a/vite-frontend/postcss.config.js b/vite-frontend/postcss.config.js
deleted file mode 100644
index 2c02c54..0000000
--- a/vite-frontend/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-    plugins: {
-      tailwindcss: {},
-      autoprefixer: {},
-    },
-  };
\ No newline at end of file