diff --git a/packages/core/src/components/CopyTextButton/CopyTextButton.tsx b/packages/core/src/components/CopyTextButton/CopyTextButton.tsx
index e4773165cc..cb322e5b56 100644
--- a/packages/core/src/components/CopyTextButton/CopyTextButton.tsx
+++ b/packages/core/src/components/CopyTextButton/CopyTextButton.tsx
@@ -63,7 +63,7 @@ export const CopyTextButton: FC<Props> = props => {
   };
   const classes = useStyles(props);
   const errorApi = useApi(errorApiRef);
-  const inputRef = useRef<HTMLInputElement>(null);
+  const inputRef = useRef<HTMLTextAreaElement>(null);
   const [open, setOpen] = useState(false);
 
   const handleCopyClick: MouseEventHandler = e => {
@@ -82,9 +82,8 @@ export const CopyTextButton: FC<Props> = props => {
 
   return (
     <>
-      <input
+      <textarea
         ref={inputRef}
-        type="text"
         style={{ position: 'absolute', top: -9999, left: 9999 }}
         defaultValue={text}
       />