fix css

src/components/notification/notification.scss

@@ -1,5 +1,11 @@
 @import '../../_variables.scss';
 
+.notification-reaction-emoji {
+  width: 40px;
+  display: flex;
+  flex-direction: column;
+}
+
 // TODO Copypaste from Status, should unify it somehow
 .Notification {
    border-bottom: 1px solid;

src/components/notification/notification.vue

@@ -116,7 +116,18 @@
                   scope="global"
                   keypath="notifications.reacted_with"
                 >
-                  <span class="emoji-reaction-emoji">{{ notification.emoji }}</span>
+                  <img
+                    v-if="notification.emoji_url !== null"
+                    class="notification-reaction-emoji"
+                    :src="notification.emoji_url"
+                    :name="notification.emoji"
+                  >
+                  <span
+                    v-else
+                    class="emoji-reaction-emoji"
+                  >
+                    {{ notification.emoji }}
+                  </span>
                 </i18n-t>
               </small>
             </span>

src/services/entity_normalizer/entity_normalizer.service.js

@@ -387,6 +387,7 @@ export const parseNotification = (data) => {
       : parseUser(data.target)
     output.from_profile = parseUser(data.account)
     output.emoji = data.emoji
+    output.emoji_url = data.emoji_url
   } else {
     const parsedNotice = parseStatus(data.notice)
     output.type = data.ntype