Fix copy button

src/Room.jsx

@@ -314,6 +314,7 @@ function RoomSetupView({
           <CopyButton
             value={window.location.href}
             className={styles.copyButton}
+            copiedMessage="Call link copied"
           >
             Copy call link and join later
           </CopyButton>

src/Room.module.css

@@ -108,7 +108,7 @@ limitations under the License.
 }
 
 .copyButton {
-  width: auto !important;
+  width: 320px !important;
 }
 
 .previewButtons > * {

src/button/Button.module.css

@@ -138,7 +138,6 @@ limitations under the License.
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  flex: 1;
 }
 
 .copyButton svg {

src/button/CopyButton.jsx

@@ -4,7 +4,14 @@ import { ReactComponent as CheckIcon } from "../icons/Check.svg";
 import { ReactComponent as CopyIcon } from "../icons/Copy.svg";
 import { Button } from "./Button";
 
-export function CopyButton({ value, children, onClassName, variant, ...rest }) {
+export function CopyButton({
+  value,
+  children,
+  onClassName,
+  variant,
+  copiedMessage,
+  ...rest
+}) {
   const [isCopied, setCopied] = useClipboard(value, { successDuration: 3000 });
 
   return (
@@ -18,7 +25,7 @@ export function CopyButton({ value, children, onClassName, variant, ...rest }) {
     >
       {isCopied ? (
         <>
-          {variant !== "icon" && <span>Copied!</span>}
+          {variant !== "icon" && <span>{copiedMessage || "Copied!"}</span>}
           <CheckIcon />
         </>
       ) : (