diff --git a/src/common/component/Message/Reply.tsx b/src/common/component/Message/Reply.tsx
index c5899e18..9b8ea827 100644
--- a/src/common/component/Message/Reply.tsx
+++ b/src/common/component/Message/Reply.tsx
@@ -100,11 +100,11 @@ const Reply: FC<ReplyProps> = ({ mid, interactive = true }) => {
       )}
       onClick={interactive ? handleClick : undefined}
     >
-      <div className="flex shrink-0">
+      <div className="flex shrink-0 w-6 h-6">
         <Avatar
           width={24}
           height={24}
-          className="rounded-full"
+          className="rounded-full object-cover"
           src={currUser.avatar}
           name={currUser.name}
         />
diff --git a/src/common/component/Send/EmojiPicker.tsx b/src/common/component/Send/EmojiPicker.tsx
index f468e27f..dc624655 100644
--- a/src/common/component/Send/EmojiPicker.tsx
+++ b/src/common/component/Send/EmojiPicker.tsx
@@ -52,7 +52,7 @@ export default function EmojiPicker({ selectEmoji }: { selectEmoji: (e: string)
   return (
     <Tooltip placement="top" tip="Emojis" disabled={visible}>
       <div className="hidden md:flex relative w-fit items-center">
-        <div ref={ref} className={clsx(`absolute -top-5 -left-5 -translate-y-full`, visible ? 'block' : 'hidden')}>
+        <div ref={ref} className={clsx(`z-50 absolute -top-5 -left-5 -translate-y-full`, visible ? 'block' : 'hidden')}>
           {/* emoji picker */}
         </div>
         <SmileIcon data-emoji="toggler" className="cursor-pointer select-none !w-[22px] !h-[22px]" onClick={togglePickerVisible} />