From d43e85ecc2b414db232bd35b2096b7300861d183 Mon Sep 17 00:00:00 2001
From: Robert Long <robert@robertlong.me>
Date: Tue, 14 Dec 2021 15:44:00 -0800
Subject: [PATCH] Fix invite modal styling

---
 src/InviteModal.jsx        | 10 ++++++++--
 src/InviteModal.module.css |  7 +++++++
 2 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 src/InviteModal.module.css

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%;
+}