diff --git a/src/components/Display.jsx b/src/components/Display.jsx
index 5b5c351..e18eae9 100644
--- a/src/components/Display.jsx
+++ b/src/components/Display.jsx
@@ -87,7 +87,7 @@ export const SanitizedLink = ({ children, href, ...props }) => {
 export const UpvoteDownvoteChip = ({ counts, ...props }) => {
   return (
     <SquareChip
-      color={"neutral"}
+      color={counts.score < 0 ? "danger" : counts.score == 0 ? "neutral" : "success"}
       tooltip={
         <>
           <Typography color="success" sx={{ pr: 1 }}>