diff --git a/packages/web/src/components/leaving-audius-modal/LeavingAudiusModal.module.css b/packages/web/src/components/leaving-audius-modal/LeavingAudiusModal.module.css
index 8b82c2df7d..54f5fa1300 100644
--- a/packages/web/src/components/leaving-audius-modal/LeavingAudiusModal.module.css
+++ b/packages/web/src/components/leaving-audius-modal/LeavingAudiusModal.module.css
@@ -1,12 +1,3 @@
-.modalBody {
-  width: 480px;
-}
-
-.text {
-  font-size: var(--font-l);
-  font-weight: var(--font-medium);
-}
-
 .content > div {
   display: flex;
   flex-direction: column;
@@ -14,6 +5,10 @@
   gap: var(--unit-6);
 }
 
+.hint {
+  align-self: stretch;
+}
+
 .hintContent {
   overflow: hidden;
   text-overflow: ellipsis;
diff --git a/packages/web/src/components/leaving-audius-modal/LeavingAudiusModal.tsx b/packages/web/src/components/leaving-audius-modal/LeavingAudiusModal.tsx
index 9c7bebd466..f30fad9217 100644
--- a/packages/web/src/components/leaving-audius-modal/LeavingAudiusModal.tsx
+++ b/packages/web/src/components/leaving-audius-modal/LeavingAudiusModal.tsx
@@ -32,13 +32,15 @@ export const LeavingAudiusModal = () => {
   const { link } = data
   const handleOpen = useCallback(() => {
     window.open(link, '_blank', 'noreferrer,noopener')
-  }, [link])
+    onClose()
+  }, [link, onClose])
   return (
     <Modal
       bodyClassName={styles.modalBody}
       isOpen={isOpen}
       onClose={onClose}
       onClosed={onClosed}
+      size={'small'}
     >
       <ModalHeader>
         <ModalTitle
@@ -50,6 +52,7 @@ export const LeavingAudiusModal = () => {
       <ModalContent className={styles.content}>
         <Text>{messages.body}</Text>
         <HelpCallout
+          className={styles.hint}
           contentClassName={styles.hintContent}
           icon={<IconExternalLink />}
           content={link}