diff --git a/src/defaultPlugins.js b/src/defaultPlugins.js
index 97da2fe3c..1a629b805 100644
--- a/src/defaultPlugins.js
+++ b/src/defaultPlugins.js
@@ -1,3 +1,4 @@
+import appearance from './plugins/appearance'
 import backgroundAttachment from './plugins/backgroundAttachment'
 import backgroundColors from './plugins/backgroundColors'
 import backgroundPosition from './plugins/backgroundPosition'
@@ -49,6 +50,7 @@ import zIndex from './plugins/zIndex'
 
 export default function (config) {
   return [
+    config.modules.appearance === false ? () => {} : appearance(),
     config.modules.backgroundAttachment === false ? () => {} : backgroundAttachment(),
     config.modules.backgroundColors === false ? () => {} : backgroundColors(),
     config.modules.backgroundPosition === false ? () => {} : backgroundPosition(),
diff --git a/src/generators/appearance.js b/src/generators/appearance.js
deleted file mode 100644
index b97b7f1e2..000000000
--- a/src/generators/appearance.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import defineClasses from '../util/defineClasses'
-
-export default function() {
-  return defineClasses({
-    'appearance-none': { appearance: 'none' },
-  })
-}
diff --git a/src/plugins/appearance.js b/src/plugins/appearance.js
new file mode 100644
index 000000000..e2039eff9
--- /dev/null
+++ b/src/plugins/appearance.js
@@ -0,0 +1,7 @@
+export default function () {
+  return function ({ addUtilities, config }) {
+    addUtilities({
+      '.appearance-none': { appearance: 'none' },
+    }, config('modules.appearance'))
+  }
+}
diff --git a/src/utilityModules.js b/src/utilityModules.js
index c4bfdfa61..3e98e3493 100644
--- a/src/utilityModules.js
+++ b/src/utilityModules.js
@@ -1,7 +1,5 @@
 import lists from './generators/lists'
-import appearance from './generators/appearance'
 
 export default [
   { name: 'lists', generator: lists },
-  { name: 'appearance', generator: appearance },
 ]