diff --git a/wp-content/themes/wp-tailwind/package.json b/wp-content/themes/wp-tailwind/package.json
index d426c0e..3a70968 100644
--- a/wp-content/themes/wp-tailwind/package.json
+++ b/wp-content/themes/wp-tailwind/package.json
@@ -10,6 +10,7 @@
   "devDependencies": {
     "cross-env": "^5.2.0",
     "laravel-mix": "^4.0.14",
+    "postcss-nested": "^4.1.2",
     "tailwindcss": "https://github.com/tailwindcss/tailwindcss.git#next"
   }
 }
diff --git a/wp-content/themes/wp-tailwind/webpack.mix.js b/wp-content/themes/wp-tailwind/webpack.mix.js
index 9d8dd17..f197f69 100644
--- a/wp-content/themes/wp-tailwind/webpack.mix.js
+++ b/wp-content/themes/wp-tailwind/webpack.mix.js
@@ -1,5 +1,6 @@
 const mix = require('laravel-mix')
 
 mix.postCss('src/css/style.css', '', [
+  require('postcss-nested')(),
   require('tailwindcss')('./tailwind.config.js'),
 ])