diff --git a/resources/scripts/components/elements/CopyOnClick.tsx b/resources/scripts/components/elements/CopyOnClick.tsx
index 431e9c8d6c..0bd6019f67 100644
--- a/resources/scripts/components/elements/CopyOnClick.tsx
+++ b/resources/scripts/components/elements/CopyOnClick.tsx
@@ -44,21 +44,19 @@ const CopyOnClick = ({ text, showInNotification = true, children }: CopyOnClickP
 
     return (
         <>
-            {copied && (
-                <Portal>
-                    <Fade in appear timeout={250} key={copied ? 'visible' : 'invisible'}>
-                        <div className={'fixed z-50 bottom-0 right-0 m-4'}>
-                            <div className={'rounded-md py-3 px-4 text-gray-200 bg-neutral-600/95 shadow'}>
-                                <p>
-                                    {showInNotification
-                                        ? `Copied "${String(text)}" to clipboard.`
-                                        : 'Copied text to clipboard.'}
-                                </p>
-                            </div>
+            <Portal>
+                <Fade in={copied} timeout={250} unmountOnExit>
+                    <div className={'fixed z-50 bottom-0 right-0 m-4'}>
+                        <div className={'rounded-md py-3 px-4 text-gray-200 bg-neutral-600/95 shadow'}>
+                            <p>
+                                {showInNotification
+                                    ? `Copied "${String(text)}" to clipboard.`
+                                    : 'Copied text to clipboard.'}
+                            </p>
                         </div>
-                    </Fade>
-                </Portal>
-            )}
+                    </div>
+                </Fade>
+            </Portal>
             {child}
         </>
     );