diff --git a/tailwind.config.js b/tailwind.config.js
index 744ae93..fe1fa75 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -15,10 +15,11 @@ module.exports = {
     }
   },
   variants: {
+    backgroundColor: [...variants.backgroundColor, 'hocus'],
     borderColor: [...variants.textColor, 'hocus', 'group-hocus'],
+    fontStyle: [...variants.fontStyle, 'hocus'],
     textColor: [...variants.textColor, 'hocus'],
-    textDecoration: [...variants.textColor, 'hocus', 'group-hocus'],
-    fontStyle: [...variants.fontStyle, 'hocus']
+    textDecoration: [...variants.textColor, 'hocus', 'group-hocus']
   },
   corePlugins: {
     preflight: false