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>