diff --git a/app/globals.css b/app/globals.css
index b5c61c9..aaba0ba 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,3 +1,2 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@config "../tailwind.config.ts";
diff --git a/bun.lockb b/bun.lockb
index fd4682a..f798c18 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index ed81a58..6db3eee 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "text-next-15-no-turbo",
+  "name": "mt-with-tailwind-v4",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@material-tailwind/react": "beta",
+    "@tailwindcss/postcss": "next",
     "next": "15.0.3",
     "react": "19.0.0-rc-66855b96-20241106",
     "react-dom": "19.0.0-rc-66855b96-20241106"
@@ -20,7 +21,7 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "postcss": "^8",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "next",
     "eslint": "^8",
     "eslint-config-next": "15.0.3"
   }
diff --git a/postcss.config.mjs b/postcss.config.mjs
index 1a69fd2..79bcf13 100644
--- a/postcss.config.mjs
+++ b/postcss.config.mjs
@@ -1,7 +1,7 @@
 /** @type {import('postcss-load-config').Config} */
 const config = {
   plugins: {
-    tailwindcss: {},
+    "@tailwindcss/postcss": {},
   },
 };