diff --git a/app/assets/stylesheets/in_favor_against.scss b/app/assets/stylesheets/in_favor_against.scss
index de0ceefd9..1fb0c288e 100644
--- a/app/assets/stylesheets/in_favor_against.scss
+++ b/app/assets/stylesheets/in_favor_against.scss
@@ -30,10 +30,13 @@
     &:not([disabled]) {
       cursor: pointer;
 
-      &:hover,
-      &:active,
-      &[aria-pressed=true] {
+      &[aria-pressed=false]:hover,
+      &[aria-pressed=false]:active,
+      &[aria-pressed=true]:not(:hover, :active) {
         @include has-fa-icon($icon, solid);
+      }
+
+      &[aria-pressed=true] {
         background: $pressed-color;
         border-color: $pressed-color;
         color: #fff;
diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 6c71d9d49..895749f89 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -1710,9 +1710,12 @@ table {
   @mixin like-unlike-icon($icon, $pressed-color) {
     @include has-fa-icon($icon, regular);
 
-    &:hover,
-    &[aria-pressed=true] {
+    &[aria-pressed=false]:hover,
+    &[aria-pressed=true]:not(:hover) {
       @include has-fa-icon($icon, solid);
+    }
+
+    &[aria-pressed=true] {
       color: $pressed-color;
     }
   }