From a974b941dff13612eb2f5f64d0384599f58b52c9 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 14 Nov 2024 12:42:48 +0000
Subject: [PATCH] Fix height

---
 src/button/ReactionToggleButton.module.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/button/ReactionToggleButton.module.css b/src/button/ReactionToggleButton.module.css
index 48018df4..0d47b592 100644
--- a/src/button/ReactionToggleButton.module.css
+++ b/src/button/ReactionToggleButton.module.css
@@ -40,11 +40,15 @@
   display: flex;
   flex-wrap: wrap;
   gap: var(--cpd-separator-spacing);
-  max-height: 10em;
+  /* Height of 3 rows plus padding. */
+  max-height: calc(
+    (
+        var(--reaction-button-size) + var(--reaction-button-padding) +
+          var(--cpd-separator-spacing)
+      ) * 4
+  );
   max-width: 22.5em;
   overflow-y: auto;
-  margin-left: auto;
-  margin-right: auto;
 }
 
 .reactionButton {