diff --git a/frontend/src/components/FavoriteButton.vue b/frontend/src/components/FavoriteButton.vue
index cf67b41..6e14803 100644
--- a/frontend/src/components/FavoriteButton.vue
+++ b/frontend/src/components/FavoriteButton.vue
@@ -95,7 +95,7 @@ async function handleToggle() {
 }
 
 .heart-icon {
-  color: #e91e63;
+  color: #9ca3af;
   font-size: 22px;
   transition: all 0.3s;
   position: relative;
@@ -103,6 +103,7 @@ async function handleToggle() {
 }
 
 .favorite-btn.is-favorite .heart-icon {
+  color: #e91e63;
   animation: heartBeat 0.5s ease;
 }