diff --git a/src/InviteModal.jsx b/src/InviteModal.jsx
index 412c90f1..741fc316 100644
--- a/src/InviteModal.jsx
+++ b/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>
   );
diff --git a/src/InviteModal.module.css b/src/InviteModal.module.css
new file mode 100644
index 00000000..c7936d53
--- /dev/null
+++ b/src/InviteModal.module.css
@@ -0,0 +1,7 @@
+.inviteModal {
+  max-width: 413px;
+}
+
+.copyButton {
+  width: 100%;
+}