diff --git a/client/components/feed/ArmPostCard.tsx b/client/components/feed/ArmPostCard.tsx
index 5f57c5e5..cad8bd5d 100644
--- a/client/components/feed/ArmPostCard.tsx
+++ b/client/components/feed/ArmPostCard.tsx
@@ -181,10 +181,15 @@ export default function ArmPostCard({
             <Button
               size="sm"
               variant="ghost"
-              className="h-8 w-8 p-0 hover:bg-foreground/5"
+              className={`h-8 w-8 p-0 hover:bg-foreground/5 transition-colors ${
+                isLiked ? "text-red-500 hover:text-red-600" : ""
+              }`}
               onClick={onLike}
             >
-              <Heart className="h-4 w-4" />
+              <Heart
+                className="h-4 w-4"
+                fill={isLiked ? "currentColor" : "none"}
+              />
             </Button>
             <Button
               size="sm"