diff --git a/{{cookiecutter.project_slug}}/frontend/app/assets/css/main.css b/{{cookiecutter.project_slug}}/frontend/app/assets/css/main.css
index c48a7a7..1867423 100644
--- a/{{cookiecutter.project_slug}}/frontend/app/assets/css/main.css
+++ b/{{cookiecutter.project_slug}}/frontend/app/assets/css/main.css
@@ -1,3 +1,4 @@
+@import "tailwindcss";
 @tailwind base;
 
 html,
@@ -9,4 +10,4 @@ body,
 }
 
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
\ No newline at end of file
diff --git a/{{cookiecutter.project_slug}}/frontend/postcss.config.js b/{{cookiecutter.project_slug}}/frontend/postcss.config.mjs
similarity index 64%
rename from {{cookiecutter.project_slug}}/frontend/postcss.config.js
rename to {{cookiecutter.project_slug}}/frontend/postcss.config.mjs
index d87a966..243faf9 100644
--- a/{{cookiecutter.project_slug}}/frontend/postcss.config.js
+++ b/{{cookiecutter.project_slug}}/frontend/postcss.config.mjs
@@ -1,6 +1,9 @@
-module.exports = {
+const config = {
   plugins: {
-    autoprefixer: {},
     '@tailwindcss/postcss': {},
+    autoprefixer: {},
   },
+
 };
+
+export default config;
\ No newline at end of file