diff --git a/source/_patterns/01-molecules/17-thumbs/thumbs-inactive.mustache b/source/_patterns/01-molecules/17-thumbs/thumbs-inactive.mustache
index 3f2ef0b3269e74589a17fe37f19788ff337bd578..b15bd04a2b01e5d5a9f7436c3d60c934ebf5930d 100644
--- a/source/_patterns/01-molecules/17-thumbs/thumbs-inactive.mustache
+++ b/source/_patterns/01-molecules/17-thumbs/thumbs-inactive.mustache
@@ -1,9 +1,9 @@
 <div class="space-x-2 text-sm flex items-center">
-  <button class="text-grey-200 flex items-center space-x-1">
+  <button class="text-grey-200 hover:text-blue-300 flex items-center space-x-1">
     <span class="font-bold">6</span>
     <i class="ico--thumbs-up"></i>
   </button>
-  <button class="text-grey-200 flex items-center space-x-1">
+  <button class="text-grey-200 hover:text-red-600 flex items-center space-x-1">
     <i class="ico--thumbs-down transform -scale-x-1"></i>
     <span class="font-bold">2</span>
   </button>
diff --git a/tailwind.config.js b/tailwind.config.js
index ca89effef387b2fdd6e3cd05c23d1a9538387f31..927c8cfc4bc9976c5664974c5b9877cc9fe5dd66 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -31,7 +31,7 @@ module.exports = {
         /^((sm|md|lg|xl)\:)?float-*/,
         /^((sm|md|lg|xl)\:)?flex-row-*/,
         /^((sm|md|lg|xl)\:)?flex-col-*/,
-        /^((sm|md|lg|xl)\:)?text-*/,
+        /^((sm|md|lg|xl|hover)\:)?text-*/,
         /^((sm|md|lg|xl)\:)?grid-flow-*/,
         /^((sm|md|lg|xl)\:)?head-*/,
         /^((sm|md|lg|xl)\:)?clearfix/,