diff --git a/web/screens/Thread/ThreadCenterPanel/TextMessage/ImageMessage.tsx b/web/screens/Thread/ThreadCenterPanel/TextMessage/ImageMessage.tsx
index 14041721b..5c6bd7c4b 100644
--- a/web/screens/Thread/ThreadCenterPanel/TextMessage/ImageMessage.tsx
+++ b/web/screens/Thread/ThreadCenterPanel/TextMessage/ImageMessage.tsx
@@ -4,7 +4,7 @@ import { RelativeImage } from '../TextMessage/RelativeImage'
 
 const ImageMessage = ({ image }: { image: string }) => {
   return (
-    <div className="group/file relative mb-2 inline-flex overflow-hidden rounded-xl">
+    <div className="group/file relative mb-2 mt-1 inline-flex overflow-hidden rounded-xl">
       <RelativeImage src={image} />
     </div>
   )
diff --git a/web/screens/Thread/ThreadCenterPanel/TextMessage/index.tsx b/web/screens/Thread/ThreadCenterPanel/TextMessage/index.tsx
index f87f50299..0f7c44c2a 100644
--- a/web/screens/Thread/ThreadCenterPanel/TextMessage/index.tsx
+++ b/web/screens/Thread/ThreadCenterPanel/TextMessage/index.tsx
@@ -111,7 +111,10 @@ const MessageContainer: React.FC<
           className={twMerge(
             'absolute right-0 order-1 flex cursor-pointer items-center justify-start gap-x-2 transition-all',
             isUser
-              ? 'hidden group-hover:absolute group-hover:right-4 group-hover:top-4 group-hover:flex'
+              ? twMerge(
+                  'hidden group-hover:absolute group-hover:right-4 group-hover:top-4 group-hover:z-50 group-hover:flex',
+                  image && 'group-hover:-top-2'
+                )
               : 'relative left-0 order-2 flex w-full justify-between opacity-0 group-hover:opacity-100',
             props.isCurrentMessage && 'opacity-100'
           )}