Change classNames "autosuggest-emoji" to use only Tailwind

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}

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 */
   }