diff --git a/src/components/emoji_reactions/emoji_reactions.vue b/src/components/emoji_reactions/emoji_reactions.vue
index d9c568f6..d5c91bca 100644
--- a/src/components/emoji_reactions/emoji_reactions.vue
+++ b/src/components/emoji_reactions/emoji_reactions.vue
@@ -65,6 +65,7 @@
   box-sizing: border-box;
   .reaction-emoji {
     width: 2.55em !important;
+    image-rendering: pixelated;
     margin-right: 0.25em;
   }
   &:focus {
diff --git a/src/components/rich_content/rich_content.scss b/src/components/rich_content/rich_content.scss
index db08ef1e..ce0c0ec4 100644
--- a/src/components/rich_content/rich_content.scss
+++ b/src/components/rich_content/rich_content.scss
@@ -52,6 +52,7 @@
     display: inline-block;
     width: var(--emoji-size, 32px);
     height: var(--emoji-size, 32px);
+    image-rendering: pixelated;
   }
 
   .img,