diff --git a/src/index.ts b/src/index.ts
index bae41cb..c3205c4 100755
--- a/src/index.ts
+++ b/src/index.ts
@@ -107,7 +107,7 @@ export const buildProject = async (project: Project) => {
         const packageJSON = JSON.parse(
           fs.readFileSync(path.join(name, 'package.json'), 'utf8')
         )
-        packageJSON.devDependencies.tailwindcss = '^2.0.2'
+        packageJSON.devDependencies.tailwindcss = '^3.0.11'
         fs.writeFileSync(
           path.join(name, 'package.json'),
           JSON.stringify(packageJSON, null, 2)
diff --git a/templates/application-extras/tailwind/tailwind.config.js b/templates/application-extras/tailwind/tailwind.config.js
index 62dfdaf..c616826 100644
--- a/templates/application-extras/tailwind/tailwind.config.js
+++ b/templates/application-extras/tailwind/tailwind.config.js
@@ -1,11 +1,8 @@
 module.exports = {
-  purge: [],
-  darkMode: false, // or 'media' or 'class'
+  mode: 'jit',
+  content: ['./src/**/*.{tsx,jsx}'],
   theme: {
     extend: {},
   },
-  variants: {
-    extend: {},
-  },
   plugins: [],
 }