Change custom emoji vertical alignment and size

CHANGELOG.md

@@ -11,6 +11,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Remove invisible characters from display names.
 - Use `/api/v1/statuses/{status_id}/thread` API endpoint to load threads.
 - Use `<input type="search">` for search bar.
+- Changed custom emoji vertical alignment and size.
 
 ## [1.13.0] - 2023-02-06
 

src/components/PostContent.vue

@@ -168,9 +168,9 @@ function getContent(): string {
   }
 
   :deep(.emoji) {
-    height: 32px;
-    vertical-align: middle;
-    width: 32px;
+    height: 24px;
+    vertical-align: text-bottom;
+    width: 24px;
 
     &:hover {
       height: 48px;