diff --git a/packages/ui/copy-button.tsx b/packages/ui/copy-button.tsx
index 92ea4914d..a87406b46 100644
--- a/packages/ui/copy-button.tsx
+++ b/packages/ui/copy-button.tsx
@@ -24,10 +24,12 @@ export function CopyButton({
 	const [hasCopied, setHasCopied] = React.useState(false)
 
 	useEffect(() => {
-		setTimeout(() => {
+		if (!hasCopied) return
+		const timeout = setTimeout(() => {
 			setHasCopied(false)
 		}, 2000)
-	}, [])
+		return () => clearTimeout(timeout)
+	}, [hasCopied])
 
 	return (
 		<Button