diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js
index 58597e24d..962656298 100644
--- a/src/lib/generateUtilities.js
+++ b/src/lib/generateUtilities.js
@@ -57,7 +57,7 @@ export default function(options) {
           flex(options),
           zIndex(options),
         ])
-        css.insertBefore(atRule, responsive(utilities))
+        atRule.before(responsive(utilities))
         atRule.remove()
       }
     })
diff --git a/src/lib/substituteClassApplyAtRules.js b/src/lib/substituteClassApplyAtRules.js
index b2f5a3cdb..623d49490 100644
--- a/src/lib/substituteClassApplyAtRules.js
+++ b/src/lib/substituteClassApplyAtRules.js
@@ -18,7 +18,7 @@ export default postcss.plugin('tailwind-apply', function(css) {
           })
         })
 
-        rule.insertBefore(atRule, decls)
+        atRule.before(decls)
 
         atRule.params = customProperties.join(' ')
 
diff --git a/src/lib/substituteHoverableAtRules.js b/src/lib/substituteHoverableAtRules.js
index 2199a60c4..d7d00e45e 100644
--- a/src/lib/substituteHoverableAtRules.js
+++ b/src/lib/substituteHoverableAtRules.js
@@ -16,10 +16,7 @@ export default function(options) {
         ]
       })
 
-      const nodes = atRule.nodes
-      const rules =  cloneNodes(nodes)
-
-      atRule.parent.insertBefore(atRule, nodes)
+      atRule.before(cloneNodes(atRule.nodes))
 
       atRule.remove()
     })
diff --git a/src/lib/substituteResponsiveAtRules.js b/src/lib/substituteResponsiveAtRules.js
index 2abf1c33d..e379e4f31 100644
--- a/src/lib/substituteResponsiveAtRules.js
+++ b/src/lib/substituteResponsiveAtRules.js
@@ -9,7 +9,7 @@ export default function(options) {
     css.walkAtRules('responsive', atRule => {
       const nodes = atRule.nodes
       rules.push(...cloneNodes(nodes))
-      css.insertBefore(atRule, nodes)
+      atRule.before(nodes)
       atRule.remove()
     })