Fix invite modal styling

src/InviteModal.jsx

@@ -2,13 +2,19 @@ import React from "react";
 import { Modal, ModalContent } from "./Modal";
 import { CopyButton } from "./button";
 import { getRoomUrl } from "./ConferenceCallManagerHooks";
+import styles from "./InviteModal.module.css";
 
 export function InviteModal({ roomId, ...rest }) {
   return (
-    <Modal title="Invite People" isDismissable {...rest}>
+    <Modal
+      title="Invite People"
+      isDismissable
+      className={styles.inviteModal}
+      {...rest}
+    >
       <ModalContent>
         <p>Copy and share this meeting link</p>
-        <CopyButton value={getRoomUrl(roomId)} />
+        <CopyButton className={styles.copyButton} value={getRoomUrl(roomId)} />
       </ModalContent>
     </Modal>
   );

src/InviteModal.module.css

@@ -0,0 +1,7 @@
+.inviteModal {
+  max-width: 413px;
+}
+
+.copyButton {
+  width: 100%;
+}