diff --git a/src/components/common/CustomEmoji.module.scss b/src/components/common/CustomEmoji.module.scss
index f3bb416c8..18b1d5571 100644
--- a/src/components/common/CustomEmoji.module.scss
+++ b/src/components/common/CustomEmoji.module.scss
@@ -1,21 +1,19 @@
 .root {
   display: inline-flex;
+  align-items: center;
+  justify-content: center;
   vertical-align: text-bottom;
   width: var(--custom-emoji-size);
   height: var(--custom-emoji-size);
   position: relative;
   flex: 0 0 var(--custom-emoji-size);
-
-  canvas {
-    display: block;
-  }
 }
 
 .placeholder {
-  width: 90%;
-  height: 90%;
+  width: 85%;
+  height: 85%;
   background-color: #77777719;
-  border-radius: 0.3125rem !important;
+  border-radius: 0.3125rem;
 }
 
 .thumb {