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>;
 };