diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index 9b9c41da81f0..48b681066742 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -2859,11 +2859,11 @@ table {
   flex-shrink: 1 !important;
 }
 
-.flex-no-grow {
+.flex-grow-0 {
   flex-grow: 0 !important;
 }
 
-.flex-no-shrink {
+.flex-shrink-0 {
   flex-shrink: 0 !important;
 }
 
@@ -8544,11 +8544,11 @@ table {
     flex-shrink: 1 !important;
   }
 
-  .sm\:flex-no-grow {
+  .sm\:flex-grow-0 {
     flex-grow: 0 !important;
   }
 
-  .sm\:flex-no-shrink {
+  .sm\:flex-shrink-0 {
     flex-shrink: 0 !important;
   }
 
@@ -14214,11 +14214,11 @@ table {
     flex-shrink: 1 !important;
   }
 
-  .md\:flex-no-grow {
+  .md\:flex-grow-0 {
     flex-grow: 0 !important;
   }
 
-  .md\:flex-no-shrink {
+  .md\:flex-shrink-0 {
     flex-shrink: 0 !important;
   }
 
@@ -19884,11 +19884,11 @@ table {
     flex-shrink: 1 !important;
   }
 
-  .lg\:flex-no-grow {
+  .lg\:flex-grow-0 {
     flex-grow: 0 !important;
   }
 
-  .lg\:flex-no-shrink {
+  .lg\:flex-shrink-0 {
     flex-shrink: 0 !important;
   }
 
@@ -25554,11 +25554,11 @@ table {
     flex-shrink: 1 !important;
   }
 
-  .xl\:flex-no-grow {
+  .xl\:flex-grow-0 {
     flex-grow: 0 !important;
   }
 
-  .xl\:flex-no-shrink {
+  .xl\:flex-shrink-0 {
     flex-shrink: 0 !important;
   }
 
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 089feca02a71..6a5c8bdc67e2 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -2859,11 +2859,11 @@ table {
   flex-shrink: 1;
 }
 
-.flex-no-grow {
+.flex-grow-0 {
   flex-grow: 0;
 }
 
-.flex-no-shrink {
+.flex-shrink-0 {
   flex-shrink: 0;
 }
 
@@ -8544,11 +8544,11 @@ table {
     flex-shrink: 1;
   }
 
-  .sm\:flex-no-grow {
+  .sm\:flex-grow-0 {
     flex-grow: 0;
   }
 
-  .sm\:flex-no-shrink {
+  .sm\:flex-shrink-0 {
     flex-shrink: 0;
   }
 
@@ -14214,11 +14214,11 @@ table {
     flex-shrink: 1;
   }
 
-  .md\:flex-no-grow {
+  .md\:flex-grow-0 {
     flex-grow: 0;
   }
 
-  .md\:flex-no-shrink {
+  .md\:flex-shrink-0 {
     flex-shrink: 0;
   }
 
@@ -19884,11 +19884,11 @@ table {
     flex-shrink: 1;
   }
 
-  .lg\:flex-no-grow {
+  .lg\:flex-grow-0 {
     flex-grow: 0;
   }
 
-  .lg\:flex-no-shrink {
+  .lg\:flex-shrink-0 {
     flex-shrink: 0;
   }
 
@@ -25554,11 +25554,11 @@ table {
     flex-shrink: 1;
   }
 
-  .xl\:flex-no-grow {
+  .xl\:flex-grow-0 {
     flex-grow: 0;
   }
 
-  .xl\:flex-no-shrink {
+  .xl\:flex-shrink-0 {
     flex-shrink: 0;
   }
 
diff --git a/src/plugins/flexbox.js b/src/plugins/flexbox.js
index 924a6fdf362a..b27b5e06503a 100644
--- a/src/plugins/flexbox.js
+++ b/src/plugins/flexbox.js
@@ -107,10 +107,10 @@ export default function({ variants }) {
         '.flex-shrink': {
           'flex-shrink': '1',
         },
-        '.flex-no-grow': {
+        '.flex-grow-0': {
           'flex-grow': '0',
         },
-        '.flex-no-shrink': {
+        '.flex-shrink-0': {
           'flex-shrink': '0',
         },
       },