diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index a0f3dbfa80..98b0cf3696 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -940,7 +940,7 @@ body > [data-popper-placement] {
   object-fit: contain;
   margin: -0.2ex 0.15em 0.2ex;
   min-width: 20px;
-  max-width: min(8em, 100%);
+  max-width: min(10em, 100%);
   height: 20px;
 
   img {
@@ -983,7 +983,7 @@ body > [data-popper-placement] {
 
   .emojione {
     min-width: 20px;
-    max-width: min(8em, 100%);
+    max-width: min(10em, 100%);
     height: 20px;
     margin: -3px 0 0;
   }
@@ -1225,7 +1225,7 @@ body > [data-popper-placement] {
 
   .emojione {
     min-width: 20px;
-    max-width: min(8em, 100%);
+    max-width: min(10em, 100%);
     height: 20px;
     margin: -3px 0 0;
   }
@@ -1628,7 +1628,7 @@ body > [data-popper-placement] {
     display: flex;
     justify-items: center;
     align-items: center;
-    height: 24px;
+    height: 28px;
 
     &.toggled {
       background: $emoji-reaction-selected-color;
@@ -1636,7 +1636,7 @@ body > [data-popper-placement] {
 
     > .emoji {
       display: block;
-      height: 20px;
+      height: 24px;
       transition: transform 0.2s ease;
 
       &:hover {
@@ -1646,7 +1646,7 @@ body > [data-popper-placement] {
       img {
         margin-top: 0;
         margin-bottom: 0;
-        height: 20px;
+        height: 24px;
       }
     }
 
@@ -1701,7 +1701,7 @@ body > [data-popper-placement] {
 
     .emojione {
       min-width: 24px;
-      max-width: min(8em, 100%);
+      max-width: min(10em, 100%);
       height: 24px;
       margin: -1px 0 0;
     }
@@ -6538,7 +6538,7 @@ a.status-card {
 
     .emojione {
       min-width: 24px;
-      max-width: min(8em, 100%);
+      max-width: min(10em, 100%);
       height: 24px;
       margin: -1px 0 0;
     }
@@ -7944,7 +7944,7 @@ noscript {
 
       .emojione {
         min-width: 22px;
-        max-width: min(8em, 100%);
+        max-width: min(10em, 100%);
         height: 22px;
       }
 
diff --git a/app/javascript/styles/mastodon/tables.scss b/app/javascript/styles/mastodon/tables.scss
index 572d66229b..25206f9a5d 100644
--- a/app/javascript/styles/mastodon/tables.scss
+++ b/app/javascript/styles/mastodon/tables.scss
@@ -305,7 +305,7 @@ a.table-action-link {
 
         .emojione {
           min-width: 32px;
-          max-width: min(8em, 100%);
+          max-width: min(10em, 100%);
           height: 32px;
         }
       }
diff --git a/app/javascript/styles/mastodon/widgets.scss b/app/javascript/styles/mastodon/widgets.scss
index 75d0c7ee3d..d35b36f28b 100644
--- a/app/javascript/styles/mastodon/widgets.scss
+++ b/app/javascript/styles/mastodon/widgets.scss
@@ -37,7 +37,7 @@
 
     .emojione {
       min-width: 20px;
-      max-width: min(8em, 100%);
+      max-width: min(10em, 100%);
       height: 20px;
       margin: -3px 0 0;
       margin-inline-start: 0.075em;