diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 25753fa7b..8f7dd4863 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -3413,6 +3413,30 @@ button,
   position: relative;
 }
 
+.pin-none {
+  top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
+}
+
+.pin {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.pin-y {
+  top: 0;
+  bottom: 0;
+}
+
+.pin-x {
+  right: 0;
+  left: 0;
+}
+
 .pin-t {
   top: 0;
 }
@@ -3429,25 +3453,6 @@ button,
   left: 0;
 }
 
-.pin-y {
-  top: 0;
-  bottom: 0;
-}
-
-.pin-x {
-  right: 0;
-  left: 0;
-}
-
-.pin {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
 .resize-none {
   resize: none;
 }
@@ -7252,6 +7257,30 @@ button,
     position: relative;
   }
 
+  .sm\:pin-none {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .sm\:pin {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .sm\:pin-y {
+    top: 0;
+    bottom: 0;
+  }
+
+  .sm\:pin-x {
+    right: 0;
+    left: 0;
+  }
+
   .sm\:pin-t {
     top: 0;
   }
@@ -7268,25 +7297,6 @@ button,
     left: 0;
   }
 
-  .sm\:pin-y {
-    top: 0;
-    bottom: 0;
-  }
-
-  .sm\:pin-x {
-    right: 0;
-    left: 0;
-  }
-
-  .sm\:pin {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-
   .sm\:resize-none {
     resize: none;
   }
@@ -11092,6 +11102,30 @@ button,
     position: relative;
   }
 
+  .md\:pin-none {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .md\:pin {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .md\:pin-y {
+    top: 0;
+    bottom: 0;
+  }
+
+  .md\:pin-x {
+    right: 0;
+    left: 0;
+  }
+
   .md\:pin-t {
     top: 0;
   }
@@ -11108,25 +11142,6 @@ button,
     left: 0;
   }
 
-  .md\:pin-y {
-    top: 0;
-    bottom: 0;
-  }
-
-  .md\:pin-x {
-    right: 0;
-    left: 0;
-  }
-
-  .md\:pin {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-
   .md\:resize-none {
     resize: none;
   }
@@ -14932,6 +14947,30 @@ button,
     position: relative;
   }
 
+  .lg\:pin-none {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .lg\:pin {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .lg\:pin-y {
+    top: 0;
+    bottom: 0;
+  }
+
+  .lg\:pin-x {
+    right: 0;
+    left: 0;
+  }
+
   .lg\:pin-t {
     top: 0;
   }
@@ -14948,25 +14987,6 @@ button,
     left: 0;
   }
 
-  .lg\:pin-y {
-    top: 0;
-    bottom: 0;
-  }
-
-  .lg\:pin-x {
-    right: 0;
-    left: 0;
-  }
-
-  .lg\:pin {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-
   .lg\:resize-none {
     resize: none;
   }
@@ -18772,6 +18792,30 @@ button,
     position: relative;
   }
 
+  .xl\:pin-none {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .xl\:pin {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .xl\:pin-y {
+    top: 0;
+    bottom: 0;
+  }
+
+  .xl\:pin-x {
+    right: 0;
+    left: 0;
+  }
+
   .xl\:pin-t {
     top: 0;
   }
@@ -18788,25 +18832,6 @@ button,
     left: 0;
   }
 
-  .xl\:pin-y {
-    top: 0;
-    bottom: 0;
-  }
-
-  .xl\:pin-x {
-    right: 0;
-    left: 0;
-  }
-
-  .xl\:pin {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-
   .xl\:resize-none {
     resize: none;
   }
diff --git a/src/generators/position.js b/src/generators/position.js
index 2bc9bf186..84956f478 100644
--- a/src/generators/position.js
+++ b/src/generators/position.js
@@ -6,19 +6,23 @@ export default function() {
     fixed: { position: 'fixed' },
     absolute: { position: 'absolute' },
     relative: { position: 'relative' },
-    'pin-t': { top: 0 },
-    'pin-r': { right: 0 },
-    'pin-b': { bottom: 0 },
-    'pin-l': { left: 0 },
-    'pin-y': { top: 0, bottom: 0 },
-    'pin-x': { right: 0, left: 0 },
+    'pin-none': {
+      top: 'auto',
+      right: 'auto',
+      bottom: 'auto',
+      left: 'auto',
+    },
     pin: {
       top: 0,
       right: 0,
       bottom: 0,
       left: 0,
-      width: '100%',
-      height: '100%',
     },
+    'pin-y': { top: 0, bottom: 0 },
+    'pin-x': { right: 0, left: 0 },
+    'pin-t': { top: 0 },
+    'pin-r': { right: 0 },
+    'pin-b': { bottom: 0 },
+    'pin-l': { left: 0 },
   })
 }