From 7763135428ed0713f47424309fd9cf79ecbbdf1b Mon Sep 17 00:00:00 2001
From: danidfra <danielfilemondev@gmail.com>
Date: Tue, 5 Nov 2024 15:06:51 -0300
Subject: [PATCH] Change classNames "autosuggest-emoji" to use only Tailwind

---
 src/components/autosuggest-emoji.tsx | 2 +-
 src/styles/tailwind.css              | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/autosuggest-emoji.tsx b/src/components/autosuggest-emoji.tsx
index 26f507b72..3c4cc3df2 100644
--- a/src/components/autosuggest-emoji.tsx
+++ b/src/components/autosuggest-emoji.tsx
@@ -28,7 +28,7 @@ const AutosuggestEmoji: React.FC<IAutosuggestEmoji> = ({ emoji }) => {
   }
 
   return (
-    <div className='autosuggest-emoji' data-testid='emoji'>
+    <div className='autosuggest-emoji flex flex-row items-center justify-start text-[14px] leading-[18px]' data-testid='emoji'>
       <img
         className='emojione'
         src={url}
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 8a370cd9d..4abf3a09f 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -3,6 +3,13 @@
 @tailwind utilities;
 
 @layer utilities {
+  .autosuggest-emoji > img{
+    display: block;
+    margin-right: 8px;
+    width: 16px;
+    height: 16px;
+  }
+
   .hide-scrollbar {
     scrollbar-width: none; /* Firefox */
   }