diff --git a/packages/ui/src/components/chat/message/MessageBody.tsx b/packages/ui/src/components/chat/message/MessageBody.tsx
index d7691973..ffe86b37 100644
--- a/packages/ui/src/components/chat/message/MessageBody.tsx
+++ b/packages/ui/src/components/chat/message/MessageBody.tsx
@@ -232,7 +232,10 @@ const UserMessageBody: React.FC<{
             </div>
             <MessageFilesDisplay files={parts} onShowPopup={onShowPopup} />
             {canCopyMessage && hasCopyableText && (
-                <div className="mt-1 flex items-center justify-end gap-2 opacity-0 pointer-events-none transition-opacity duration-150 group-hover/message:opacity-100 group-hover/message:pointer-events-auto focus-within:opacity-100 focus-within:pointer-events-auto">
+                <div className={cn(
+                    "mt-1 flex items-center justify-end gap-2 opacity-0 pointer-events-none transition-opacity duration-150 group-hover/message:opacity-100 group-hover/message:pointer-events-auto focus-within:opacity-100 focus-within:pointer-events-auto",
+                    copyHintVisible && "opacity-100 pointer-events-auto"
+                )}>
                     <Tooltip delayDuration={1000}>
                         <TooltipTrigger asChild>
                             <Button