diff --git a/examples/cms-builder-io/package.json b/examples/cms-builder-io/package.json
index 0e8c1a089175e..8b6de9713f828 100644
--- a/examples/cms-builder-io/package.json
+++ b/examples/cms-builder-io/package.json
@@ -1,5 +1,5 @@
 {
- "private": true,
+  "private": true,
   "scripts": {
     "dev": "next",
     "build": "next build",
@@ -15,8 +15,8 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "autoprefixer": "10.2.6",
-    "postcss": "8.3.5",
-    "tailwindcss": "^2.2.4"
+    "autoprefixer": "^10.4.1",
+    "postcss": "^8.4.5",
+    "tailwindcss": "^3.0.11"
   }
 }
diff --git a/examples/cms-builder-io/tailwind.config.js b/examples/cms-builder-io/tailwind.config.js
index 949b214445228..1b23a5e9fe549 100644
--- a/examples/cms-builder-io/tailwind.config.js
+++ b/examples/cms-builder-io/tailwind.config.js
@@ -1,6 +1,5 @@
 module.exports = {
-  mode: 'JIT',
-  purge: ['./components/**/*.js', './pages/**/*.js'],
+  content: ['./components/**/*.js', './pages/**/*.js'],
   theme: {
     extend: {
       fontFamily: {