"Copied!" label no longer wrapping to the next line (#12128)

* tooltips 1.0.1

* tooltips 1.0.1

* button wrapping fix

app/javascript/article-form/components/ClipboardButton.jsx

@@ -44,18 +44,13 @@ export const ClipboardButton = ({
       value={linksToMarkdownForm(imageUrls)}
     />
     <Button
-      className="spec__image-markdown-copy"
+      className="spec__image-markdown-copy whitespace-nowrap fw-normal"
       variant="ghost"
-      contentType="icon"
+      contentType="icon-left"
       icon={CopyIcon}
-    />
-    <span
-      id="image-markdown-copy-link-announcer"
-      role="alert"
-      className={`fs-s ${showCopyMessage ? '' : 'opacity-0'}`}
     >
-      Copied!
-    </span>
+      {showCopyMessage ? 'Copied!' : 'Copy...'}
+    </Button>
   </clipboard-copy>
 );