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