From 89567726f811e9c3934324a9e868f12db131c28c Mon Sep 17 00:00:00 2001
From: Johannes Marbach <n0-0ne+github@mailbox.org>
Date: Mon, 5 Oct 2026 08:13:58 +0200
Subject: [PATCH] Fix tests

---
 playwright/component/harness.ts            | 6 ++++++
 src/button/ReactionToggleButton.module.css | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/playwright/component/harness.ts b/playwright/component/harness.ts
index 8e1a6e589..19bc2e08b 100644
--- a/playwright/component/harness.ts
+++ b/playwright/component/harness.ts
@@ -92,6 +92,12 @@ export async function expectWithin(
   outer: Locator,
 ): Promise<void> {
   await expect(inner).toBeVisible();
+  // Wait for animations to settle.
+  await inner.evaluate(async (element) => {
+    for (const animation of element.getAnimations({ subtree: true }))
+      await animation.finished;
+  });
+
   const innerBox = await inner.boundingBox();
   const outerBox = await outer.boundingBox();
   if (innerBox === null || outerBox === null)
diff --git a/src/button/ReactionToggleButton.module.css b/src/button/ReactionToggleButton.module.css
index 4a2bd8ba8..0b152a519 100644
--- a/src/button/ReactionToggleButton.module.css
+++ b/src/button/ReactionToggleButton.module.css
@@ -83,7 +83,7 @@ div.reactionPopupMenuRoot.reactionPopupMenuModal > div > div {
   flex: 0 0 auto;
 }
 
-.reactionButton {
+.reactionPopupMenu .reactionsMenu .reactionButton {
   padding: var(--reaction-button-padding);
   border-radius: var(--cpd-radius-pill-effect);
   font-size: var(--reaction-button-fontsize);