diff --git a/package.json b/package.json
index a9d2618a4..767c5f07f 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,6 @@
     "tailwindcss": "^1.9"
   },
   "devDependencies": {
-    "@fullhuman/postcss-purgecss": "^3.0.0",
     "@graphql-codegen/cli": "^1.17.10",
     "@graphql-codegen/schema-ast": "^1.17.8",
     "@graphql-codegen/typescript": "^1.17.10",
diff --git a/postcss.config.js b/postcss.config.js
index ce561e206..9e0f0b2ca 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -15,23 +15,5 @@ module.exports = {
         },
       },
     ],
-    [
-      '@fullhuman/postcss-purgecss',
-      {
-        content: ['./pages/**/*.{tsx}', './components/**/*.{tsx}'],
-
-        // This is the function used to extract class names from your templates
-        defaultExtractor: (content) => {
-          // Capture as liberally as possible, including things like `h-(screen-1.5)`
-          const broadMatches = content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || []
-
-          // Capture classes within other delimiters like .block(class="w-1/2") in Pug
-          const innerMatches =
-            content.match(/[^<>"'`\s.()]*[^<>"'`\s.():]/g) || []
-
-          return broadMatches.concat(innerMatches)
-        },
-      },
-    ],
   ],
 }
diff --git a/tailwind.config.js b/tailwind.config.js
index 73f9dd8fe..51b5f003c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,9 @@
 module.exports = {
-  future: {
-    removeDeprecatedGapUtilities: true,
+  purge: {
+    content: [
+      './pages/**/*.{js,ts,jsx,tsx}',
+      './components/**/*.{js,ts,jsx,tsx}',
+    ],
   },
   theme: {
     extend: {
@@ -47,9 +50,5 @@ module.exports = {
       },
     },
   },
-  variants: {},
   plugins: [require('@tailwindcss/ui')],
-  experimental: {
-    applyComplexClasses: true,
-  },
 }