diff --git a/ui/src/components/comment-node.tsx b/ui/src/components/comment-node.tsx
index dfc75350..fabacb28 100644
--- a/ui/src/components/comment-node.tsx
+++ b/ui/src/components/comment-node.tsx
@@ -62,7 +62,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
             <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg>
           </div>
           <div>{node.comment.score}</div>
-          <div className={`pointer ${node.comment.my_vote == -1 && 'text-danger'}`} onClick={linkEvent(node, this.handleCommentDisLike)}>
+          <div className={`pointer ${node.comment.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(node, this.handleCommentDisLike)}>
             <svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
           </div>
         </div>
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index e163717e..7a6e9545 100644
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -62,7 +62,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
             <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg>
           </div>
           <div>{post.score}</div>
-          <div className={`pointer ${post.my_vote == -1 && 'text-danger'}`} onClick={linkEvent(this, this.handlePostDisLike)}>
+          <div className={`pointer ${post.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostDisLike)}>
             <svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
           </div>
         </div>