画面に表示される絵文字の調整

src/components/notification/notification.scss

@@ -1,7 +1,8 @@
 @import '../../_variables.scss';
 
 .notification-reaction-emoji {
-  width: 40px;
+  width: 100%;
+  height: 24px;
   display: inline-flex;
   vertical-align: middle;
   flex-direction: column;

src/components/status/status.scss

@@ -150,7 +150,7 @@
     flex-wrap: wrap;
 
     img {
-      aspect-ratio: 1 / 1;
+      aspect-ratio: auto
     }
 
     .nowrap {
@@ -293,7 +293,7 @@
     margin-right: 0;
 
     .emoji {
-      width: 14px;
+      width: auto;
       height: 14px;
       vertical-align: middle;
       object-fit: contain;

src/components/user_list_popover/user_list_popover.vue

@@ -67,7 +67,8 @@
       min-width: 5em;
 
       img {
-        width: 1em;
+        //絵文字サイズ対応
+        //width: 1em;
         height: 1em;
       }
     }