From 5670c4778950ee31dcb7484578d8d0f6a7ed53d9 Mon Sep 17 00:00:00 2001
From: Warren Seine <w.seine@criteo.com>
Date: Thu, 13 Aug 2020 16:29:33 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20emoji=20rendering=20(#2030?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Thanks.
---
 src/components/RoomDialog.scss |  4 ++++
 src/components/RoomDialog.tsx  | 11 ++++++++---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/RoomDialog.scss b/src/components/RoomDialog.scss
index 3caec0b6..a2a12c76 100644
--- a/src/components/RoomDialog.scss
+++ b/src/components/RoomDialog.scss
@@ -42,6 +42,10 @@
   background-color: var(--button-gray-1);
 }
 
+.RoomDialog-emoji {
+  font-family: sans-serif;
+}
+
 .RoomDialog-usernameContainer {
   display: flex;
   margin: 1.5em 0;
diff --git a/src/components/RoomDialog.tsx b/src/components/RoomDialog.tsx
index bbaaacc5..fe6285e0 100644
--- a/src/components/RoomDialog.tsx
+++ b/src/components/RoomDialog.tsx
@@ -90,10 +90,15 @@ const RoomModal = ({
               onKeyPress={(event) => event.key === "Enter" && onPressingEnter()}
             />
           </div>
-          <p>{`🔒 ${t("roomDialog.desc_privacy")}`}</p>
           <p>
-            <span role="img" aria-hidden="true">
-              ⚠️
+            <span role="img" aria-hidden="true" className="RoomDialog-emoji">
+              {"🔒"}
+            </span>{" "}
+            {t("roomDialog.desc_privacy")}
+          </p>
+          <p>
+            <span role="img" aria-hidden="true" className="RoomDialog-emoji">
+              {"⚠️️"}
             </span>{" "}
             {t("roomDialog.desc_persistenceWarning")}
           </p>