From 6566f8c17a01bfb90be17a2325de69242adb66d3 Mon Sep 17 00:00:00 2001
From: Jesse Wierzbinski <contact@cpluspatch.com>
Date: Thu, 16 May 2024 21:50:28 -1000
Subject: [PATCH] fix: :bug: Fix some emojis being stretched in composer

---
 components/composer/emoji-suggestbox.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/composer/emoji-suggestbox.vue b/components/composer/emoji-suggestbox.vue
index 6e29235..09c9cf0 100644
--- a/components/composer/emoji-suggestbox.vue
+++ b/components/composer/emoji-suggestbox.vue
@@ -2,8 +2,9 @@
     <ComposerSuggestbox class="max-h-40 overflow-auto !w-auto !flex-row">
         <div v-for="(emoji, index) in topEmojis" :key="emoji.shortcode" @click="emit('autocomplete', emoji.shortcode)"
             :ref="el => { if (el) emojiRefs[index] = el as Element }" :title="emoji.shortcode"
-            :class="['flex', 'justify-center', 'shrink-0', 'items-center', 'p-2', 'hover:bg-dark-900/70', { 'bg-pink-500': index === selectedEmojiIndex }]">
-            <img :src="emoji.url" class="w-8 h-8" :alt="`Emoji with shortcode ${emoji.shortcode}`" />
+            :class="['flex', 'justify-center', 'shrink-0', 'items-center', 'p-2', 'size-12', 'hover:bg-dark-900/70', { 'bg-pink-500': index === selectedEmojiIndex }]">
+            <img :src="emoji.url" class="w-full h-full object-contain"
+                :alt="`Emoji with shortcode ${emoji.shortcode}`" />
         </div>
     </ComposerSuggestbox>
 </template>