diff --git a/examples/with-tailwindcss-emotion/package.json b/examples/with-tailwindcss-emotion/package.json
index 8e945eb3d439d..2cfc8849baf37 100644
--- a/examples/with-tailwindcss-emotion/package.json
+++ b/examples/with-tailwindcss-emotion/package.json
@@ -16,10 +16,10 @@
   "devDependencies": {
     "@babel/core": "^7.13.15",
     "@emotion/babel-plugin": "11.3.0",
-    "autoprefixer": "10.2.5",
+    "autoprefixer": "^10.2.6",
     "next": "latest",
-    "postcss": "8.2.10",
-    "tailwindcss": "^2.1.1",
+    "postcss": "^8.3.5",
+    "tailwindcss": "^2.2.4",
     "xwind": "0.8.0"
   },
   "license": "MIT"
diff --git a/examples/with-tailwindcss/README.md b/examples/with-tailwindcss/README.md
index a6f0f202a52dc..59df509c5f246 100644
--- a/examples/with-tailwindcss/README.md
+++ b/examples/with-tailwindcss/README.md
@@ -1,6 +1,6 @@
 # Next.js + Tailwind CSS Example
 
-This example shows how to use [Tailwind CSS](https://tailwindcss.com/) (v2.1) with Next.js. It follows the steps outlined in the official [Tailwind docs](https://tailwindcss.com/docs/guides/nextjs).
+This example shows how to use [Tailwind CSS](https://tailwindcss.com/) [(v2.2)](https://blog.tailwindcss.com/tailwindcss-2-2) with Next.js. It follows the steps outlined in the official [Tailwind docs](https://tailwindcss.com/docs/guides/nextjs).
 
 It uses the new [`Just-in-Time Mode`](https://tailwindcss.com/docs/just-in-time-mode) for Tailwind CSS.
 
diff --git a/examples/with-tailwindcss/package.json b/examples/with-tailwindcss/package.json
index 0c9452de9af92..a69f534269d3b 100644
--- a/examples/with-tailwindcss/package.json
+++ b/examples/with-tailwindcss/package.json
@@ -13,8 +13,8 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "autoprefixer": "^10.0.4",
-    "postcss": "^8.1.10",
-    "tailwindcss": "^2.1.1"
+    "autoprefixer": "^10.2.6",
+    "postcss": "^8.3.5",
+    "tailwindcss": "^2.2.4"
   }
 }