diff --git a/CHANGELOG_CHERRYPICK.md b/CHANGELOG_CHERRYPICK.md
index 95588f3f59..24335bf518 100644
--- a/CHANGELOG_CHERRYPICK.md
+++ b/CHANGELOG_CHERRYPICK.md
@@ -30,6 +30,7 @@
- 계정 초기 설정 마법사에 MFM 및 움직이는 이미지 설정 추가
- 계정 초기 설정 마법사를 완료하면 페이지를 새로 고치도록 (일부 옵션이 페이지를 새로 고쳐야만 반영되므로)
- 계정 생성 팝업에 뒤로 가기 버튼 추가
+- 리액션 버튼 디자인 개선
- Fix: 위젯 편집 시 헤더 이외의 영역을 눌렀을 때 위젯 설정이 뜨는 문제
- Fix: 위젯 편집 종료 버튼이 여러 개 있는 문제
- Fix: 일부 옵션 변경 시 페이지를 새로 고치도록
diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.vue b/packages/frontend/src/components/MkReactionsViewer.reaction.vue
index 6f81f6d154..a6e749aed6 100644
--- a/packages/frontend/src/components/MkReactionsViewer.reaction.vue
+++ b/packages/frontend/src/components/MkReactionsViewer.reaction.vue
@@ -110,7 +110,7 @@ useTooltip(buttonEl, async (showing) => {
diff --git a/packages/frontend/src/components/MkReactionsViewer.vue b/packages/frontend/src/components/MkReactionsViewer.vue
index ce146463ec..97daab666f 100644
--- a/packages/frontend/src/components/MkReactionsViewer.vue
+++ b/packages/frontend/src/components/MkReactionsViewer.vue
@@ -80,7 +80,7 @@ watch([() => props.note.reactions, () => props.maxNumber], ([newSource, maxNumbe
}
.root {
- margin: 4px -2px 0 -2px;
+ margin: 10px -2px 0 -2px;
&:empty {
display: none;
diff --git a/packages/frontend/src/components/global/MkEmoji.vue b/packages/frontend/src/components/global/MkEmoji.vue
index 1b0d34a445..023f869d0c 100644
--- a/packages/frontend/src/components/global/MkEmoji.vue
+++ b/packages/frontend/src/components/global/MkEmoji.vue
@@ -1,5 +1,5 @@
-
+
{{ props.emoji }}
{{ emoji }}
@@ -30,7 +30,12 @@ function computeTitle(event: PointerEvent): void {