From 75ad73b97fb76c54f126b3c1708c152d30613cb7 Mon Sep 17 00:00:00 2001
From: Em_Dev <Chifez1@gmail.com>
Date: Thu, 11 Apr 2024 21:34:04 +0100
Subject: [PATCH] fix: align emojis (#255)

---
 .../Course/components/NewsFeed/NewsFeedCard.svelte          | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/dashboard/src/lib/components/Course/components/NewsFeed/NewsFeedCard.svelte b/apps/dashboard/src/lib/components/Course/components/NewsFeed/NewsFeedCard.svelte
index 64eed2e4..c848e8a3 100644
--- a/apps/dashboard/src/lib/components/Course/components/NewsFeed/NewsFeedCard.svelte
+++ b/apps/dashboard/src/lib/components/Course/components/NewsFeed/NewsFeedCard.svelte
@@ -140,13 +140,13 @@
       {/if}
     </div>
 
-    <div class="flex gap-4 px-3">
-      <div class="flex gap-4 px-3">
+    <div class="flex items-center gap-4 px-3">
+      <div class="flex items-center gap-4 px-3">
         {#each Object.keys(feed.reaction) as reactionType}
           {#if reactions[reactionType]}
             <button
               on:click={() => handleAddNewReaction(reactionType)}
-              class={`flex transition ${
+              class={`flex items-center transition ${
                 feed.reaction[reactionType].length >= 1 &&
                 `${getClassIfSelectedByAuthor(reactionType)} dark:text-black border rounded-full`
               }`}