diff --git a/ui/src/components/comment-node.tsx b/ui/src/components/comment-node.tsx
index 820dd90..cfca0f3 100644
--- a/ui/src/components/comment-node.tsx
+++ b/ui/src/components/comment-node.tsx
@@ -181,7 +181,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
               })}
             >
               <li className="list-inline-item">
-                <span className="text-danger">
+                <span className={this.scoreColor}>
                   <svg class="small icon icon-inline mr-1">
                     <use xlinkHref="#icon-heart"></use>
                   </svg>
@@ -1144,4 +1144,14 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
     i.setState(i.state);
     setupTippy();
   }
+
+  get scoreColor() {
+    if (this.state.my_vote == 1) {
+      return 'text-info';
+    } else if (this.state.my_vote == -1) {
+      return 'text-danger';
+    } else {
+      return 'text-muted';
+    }
+  }
 }