diff --git a/packages/tailwind-formio/readme.md b/packages/tailwind-formio/readme.md
index 571cbd60..e655057d 100644
--- a/packages/tailwind-formio/readme.md
+++ b/packages/tailwind-formio/readme.md
@@ -56,6 +56,18 @@ module.exports = {
 }
 ```
 
+Or:
+
+```diff
+export default {
+  plugins: {
+    'tailwindcss/nesting': {},
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+```
+
 ### Configure tailwind
 
 Generate the initial `tailwind.config.js` with the following command:
@@ -214,6 +226,11 @@ module.exports = {
         2: "2 2 0%",
         3: "3 3 0%"
       }
+    },
+    outline: {
+      none: ["2px solid transparent", "2px"],
+      white: ["2px dotted white", "2px"],
+      black: ["2px dotted black", "2px"]
     }
   },
   variants: {
diff --git a/packages/tailwind/tailwind.config.js b/packages/tailwind/tailwind.config.js
index f32e38e9..a97edf77 100644
--- a/packages/tailwind/tailwind.config.js
+++ b/packages/tailwind/tailwind.config.js
@@ -296,6 +296,12 @@ Object.assign(exports, {
       none: "none",
       2: "2 2 0%",
       3: "3 3 0%"
+    },
+
+    outline: {
+      none: ["2px solid transparent", "2px"],
+      white: ["2px dotted white", "2px"],
+      black: ["2px dotted black", "2px"]
     }
   },