diff --git a/web/styles/app_variables.css b/web/styles/app_variables.css
index f36ffc33ba..e7252033d1 100644
--- a/web/styles/app_variables.css
+++ b/web/styles/app_variables.css
@@ -127,9 +127,9 @@
     /*
     Compose-recipient box minimum height. Used in a flexbox context to
     allow elements like DM pills to stack without breaking out of their
-    flex item.
+    flex item. 2.1786em is 30.5px at 14px/1em.
     */
-    --compose-recipient-box-min-height: 30.5px;
+    --compose-recipient-box-min-height: 2.1786em;
 
     /*
     Width to be reserved for document scrollbar when scrolling is disabled.