From b1cc6ad85eafda348ce8a02bf1a6194711166c54 Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Mon, 8 May 2023 15:47:56 +1000
Subject: [PATCH] fix: fix rendering of of text that has been emojified

---
 ts/components/conversation/Emojify.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ts/components/conversation/Emojify.tsx b/ts/components/conversation/Emojify.tsx
index f54ccfcbb..0eb210536 100644
--- a/ts/components/conversation/Emojify.tsx
+++ b/ts/components/conversation/Emojify.tsx
@@ -40,5 +40,6 @@ export const Emojify = (props: Props): JSX.Element => {
       size = 1.0;
   }
 
-  return <span style={{ fontSize: `${size}rem`, userSelect: 'inherit' }}>{rendered}</span>;
+  // NOTE (Will): This should be em and not rem because we want to keep the inherited font size from the parent element and not the root
+  return <span style={{ fontSize: `${size}em`, userSelect: 'inherit' }}>{rendered}</span>;
 };