diff --git a/assets/img/favori_add.png b/assets/img/favori_add.png
index f02f205a73bf82eaa22a74f72deaf0d00568e220..b0e2bf740cb17aa0ebe47367fdf1a4a66c6aff45 100644
Binary files a/assets/img/favori_add.png and b/assets/img/favori_add.png differ
diff --git a/assets/img/favori_remove.png b/assets/img/favori_remove.png
index 06b43589048636ea9ff8bab2dd43b0f598a8c2e2..584d636ceddc432ac0251065ba63fdf3a0d5c1cf 100644
Binary files a/assets/img/favori_remove.png and b/assets/img/favori_remove.png differ
diff --git a/components/member/Card.vue b/components/member/Card.vue
index 7c729eb9dd179d0f6355d69048a9e88c6576e453..0b4d0edc85f5f189fc57125126d992c5cd9b7179 100644
--- a/components/member/Card.vue
+++ b/components/member/Card.vue
@@ -8,7 +8,7 @@
 				</h2>
 				<button
 					id="favori"
-					class="btn btn-light"
+					class="btn btn-info"
 					:class="{
 						add: !$favourites.list.includes(hash.uid),
 						remove: $favourites.list.includes(hash.uid)
@@ -150,8 +150,8 @@ export default {
 		flex-direction: row;
 	}
 }
+
 #favori {
-	background-color: var(--light);
 	background-size: 75%;
 	background-repeat: no-repeat;
 	background-position: center;