diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.vue b/packages/frontend/src/components/MkReactionsViewer.reaction.vue
index 7da5790122..4349b7999e 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);