diff --git a/web/app/components/workflow/nodes/tool/components/copy-id.tsx b/web/app/components/workflow/nodes/tool/components/copy-id.tsx
index 3a633e1d2e..977db5f234 100644
--- a/web/app/components/workflow/nodes/tool/components/copy-id.tsx
+++ b/web/app/components/workflow/nodes/tool/components/copy-id.tsx
@@ -26,7 +26,7 @@ const CopyFeedbackNew = ({ content }: Props) => {
   }, 100)
 
   return (
-    <div className='inline-flex pb-0.5' onClick={e => e.stopPropagation()} onMouseLeave={onMouseLeave}>
+    <div className='inline-flex w-full pb-0.5' onClick={e => e.stopPropagation()} onMouseLeave={onMouseLeave}>
       <Tooltip
         popupContent={
           (isCopied
@@ -35,13 +35,13 @@ const CopyFeedbackNew = ({ content }: Props) => {
         }
       >
         <div
-          className='group/copy flex items-center gap-0.5 '
+          className='group/copy flex w-full items-center gap-0.5 '
           onClick={onClickCopy}
         >
           <div
-            className='system-2xs-regular cursor-pointer text-text-quaternary group-hover:text-text-tertiary'
+            className='system-2xs-regular w-0 grow cursor-pointer truncate text-text-quaternary group-hover:text-text-tertiary'
           >{content}</div>
-          <RiFileCopyLine className='h-3 w-3 text-text-tertiary opacity-0 group-hover/copy:opacity-100' />
+          <RiFileCopyLine className='h-3 w-3 shrink-0 text-text-tertiary opacity-0 group-hover/copy:opacity-100' />
         </div>
       </Tooltip>
     </div>