diff --git a/packages/client/src/components/MkStarButton.vue b/packages/client/src/components/MkStarButton.vue
index 021cd72bc..08edb03d9 100644
--- a/packages/client/src/components/MkStarButton.vue
+++ b/packages/client/src/components/MkStarButton.vue
@@ -67,6 +67,7 @@ function star(ev?: MouseEvent): void {
 		const x = rect.left + el.offsetWidth / 2;
 		const y = rect.top + el.offsetHeight / 2;
 		os.popup(Ripple, { x, y }, {}, "end");
+		sound.play("reaction");
 	}
 }
 </script>
diff --git a/packages/client/src/components/MkStarButtonNoEmoji.vue b/packages/client/src/components/MkStarButtonNoEmoji.vue
index 29998abf3..727e65ef8 100644
--- a/packages/client/src/components/MkStarButtonNoEmoji.vue
+++ b/packages/client/src/components/MkStarButtonNoEmoji.vue
@@ -62,7 +62,6 @@ const buttonRef = ref<HTMLElement>();
 
 function toggleStar(ev?: MouseEvent): void {
 	pleaseLogin();
-	sound.play("reaction");
 	if (!props.reacted) {
 		os.api("notes/reactions/create", {
 			noteId: props.note.id,
@@ -76,6 +75,7 @@ function toggleStar(ev?: MouseEvent): void {
 			const x = rect.left + el.offsetWidth / 2;
 			const y = rect.top + el.offsetHeight / 2;
 			os.popup(Ripple, { x, y }, {}, "end");
+			sound.play("reaction");
 		}
 	} else {
 		os.api("notes/reactions/delete", {