diff --git a/src/client/app/common/views/components/reactions-viewer.vue b/src/client/app/common/views/components/reactions-viewer.vue
index b877638df3..8e06b79d19 100644
--- a/src/client/app/common/views/components/reactions-viewer.vue
+++ b/src/client/app/common/views/components/reactions-viewer.vue
@@ -48,14 +48,16 @@ export default Vue.extend({
 	> span
 		margin-right 6px
 		padding 6px 6px 6px 4px
-		border solid 1px var(--reactionViewerButtonBorder)
 		border-radius 3px
 
 		&.notReacted
 			cursor pointer
+			border solid 1px var(--reactionViewerButtonBorder)
+			background-color var(--reactionViewerButtonBg)
 
 			&:hover
 				border solid 1px var(--reactionViewerButtonHoverBorder)
+				background-color var(--reactionViewerButtonHoverBg)
 
 		> .mk-reaction-icon
 			font-size 1.4em
diff --git a/src/client/theme/dark.json5 b/src/client/theme/dark.json5
index c69fe18cba..6fa8929b2e 100644
--- a/src/client/theme/dark.json5
+++ b/src/client/theme/dark.json5
@@ -83,6 +83,8 @@
 
 		reactionPickerButtonHoverBg: 'rgba(255, 255, 255, 0.18)',
 
+		reactionViewerButtonBg: 'rgba(0, 0, 0, 0)',
+		reactionViewerButtonHoverBg: 'rgba(0, 0, 0, 0)',
 		reactionViewerButtonBorder: 'rgba(255, 255, 255, 0.1)',
 		reactionViewerButtonHoverBorder: 'rgba(255, 255, 255, 0.2)',
 
diff --git a/src/client/theme/light.json5 b/src/client/theme/light.json5
index db5a57d9cd..5c0d460534 100644
--- a/src/client/theme/light.json5
+++ b/src/client/theme/light.json5
@@ -83,6 +83,8 @@
 
 		reactionPickerButtonHoverBg: '#eee',
 
+		reactionViewerButtonBg: 'rgba(0, 0, 0, 0)',
+		reactionViewerButtonHoverBg: 'rgba(0, 0, 0, 0)',
 		reactionViewerButtonBorder: 'rgba(0, 0, 0, 0.1)',
 		reactionViewerButtonHoverBorder: 'rgba(0, 0, 0, 0.2)',