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-formio/styles/nav.css b/packages/tailwind-formio/styles/nav.css
index 56087499..abdb7fb4 100644
--- a/packages/tailwind-formio/styles/nav.css
+++ b/packages/tailwind-formio/styles/nav.css
@@ -24,7 +24,7 @@
       }
 
       &-link {
-        @apply relative group inline-flex flex-col items-stretch overflow-hidden text-xs transition-colors;
+        @apply relative inline-flex flex-col items-stretch overflow-hidden text-xs transition-colors;
         @apply bg-transparent border-transparent text-gray-darker;
         @apply cursor-pointer border-1 border-solid rounded-none border-b-0 relative;
         @apply px-3 py-2;
@@ -39,4 +39,4 @@
   .card-body {
     @apply p-3;
   }
-}
\ No newline at end of file
+}
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"]
     }
   },