chore: updates

src/common/component/Message/PreviewMessage.tsx

@@ -19,7 +19,9 @@ const PreviewMessage: FC<Props> = ({ mid = 0, context }) => {
   const pinMsg = context == "pin";
   return (
     <div className={clsx(`w-full relative flex items-start gap-3 p-2 my-2 rounded-lg`, pinMsg && "max-h-64 overflow-auto overflow-x-hidden border border-solid border-gray-200 dark:border-gray-400")}>
-      <Avatar width={40} height={40} className="rounded-full object-cover" src={avatar} name={name} />
+      <div className="w-10 h-10 flex shrink-0">
+        <Avatar width={40} height={40} className="rounded-full object-cover" src={avatar} name={name} />
+      </div>
       <div className="w-full flex flex-col items-start">
         <div className="flex items-center gap-2 font-semibold">
           <span className="text-gray-500 text-sm">{name}</span>

src/common/component/Message/Reaction.tsx

@@ -81,7 +81,7 @@ const Reaction: FC<Props> = ({ mid, reactions = null, readOnly = false }) => {
               </i>
             </Tippy>
 
-            {uids.length > 1 ? <em className="text-primary-600 text-xs">{`${uids.length}`} </em> : null}
+            {uids.length > 1 ? <i className="text-primary-600 text-xs not-italic">{`${uids.length}`} </i> : null}
           </span>
         ) : null;
       })}

src/common/component/TextInput/index.tsx

@@ -24,7 +24,7 @@ const TextInput = ({ sendMessage, placeholder }: Props) => {
   return (
     <div className='md:hidden relative mb-1 p-1 flex items-center w-full text-gray-600 dark:text-white bg-gray-200 dark:bg-gray-600 rounded-lg'>
       <TextareaAutoSize
-        autoFocus
+        // autoFocus
         onFocus={(e) =>
           e.currentTarget.setSelectionRange(
             e.currentTarget.value.length,