some changes to differentiate hover and selected @pichalite

less/category.less

@@ -33,8 +33,6 @@
 				}
 
 				.fa-check {
-					border: 1px solid @brand-success;
-					color: @brand-success;
 					padding: 14px;
 					border-radius: 50%;
 					position: absolute;
@@ -57,7 +55,7 @@
 				}
 
 				.fa-check, .user-img, .user-icon {
-					.transition(.2s ease-in-out opacity);
+					.transition(.2s ease-in-out all);
 				}
 
 				float: left;
@@ -70,6 +68,8 @@
 
 				.fa-check {
 					opacity: 1;
+					border: 1px solid @brand-success !important;
+					color: @brand-success !important;
 				}
 			}
 			
@@ -79,6 +79,8 @@
 				}
 				
 				.fa-check {
+					border: 1px solid @brand-primary;
+					color: @brand-primary;
 					opacity: 1;
 				}
 			}