diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.vue b/packages/frontend/src/components/MkReactionsViewer.reaction.vue
index 7da5790122e085ac489e2f776102147dd0ab4dff..4349b7999e71bc2d810d2e7d7e60feba0ae1af3d 100644
--- a/packages/frontend/src/components/MkReactionsViewer.reaction.vue
+++ b/packages/frontend/src/components/MkReactionsViewer.reaction.vue
@@ -158,7 +158,7 @@ useTooltip(buttonEl, async (showing) => {
 	&.reacted, &.reacted:hover {
     background: var(--accentedBg);
     color: var(--accent);
-    border: 1px solid var(--accent);
+    box-shadow: 0 0 0px 1px var(--accent) inset;
 
 		> .count {
 			color: var(--accent);