diff --git a/web/modals/modal.css b/web/modals/modal.css
--- a/web/modals/modal.css
+++ b/web/modals/modal.css
@@ -40,7 +40,6 @@
   flex: 1;
   display: flex;
   flex-direction: column;
-  width: 330px;
 }
 div.large-modal-container div.modal {
   width: 500px;
@@ -60,12 +59,18 @@
   cursor: pointer;
 }
 div.modal-header {
-  padding: 8px 15px;
+  padding: 32px 40px 16px 40px;
 }
 div.modal-header > h2 {
-  font-size: 22px;
-  font-weight: 300;
+  font-size: var(--xl-font-20);
+  font-weight: var(--bold);
   color: var(--fg);
+  display: flex;
+  align-items: center;
+}
+div.modal-header > h2 span {
+  padding-right: 8px;
+  display: flex;
 }
 
 div.intro-modal {
diff --git a/web/theme.css b/web/theme.css
--- a/web/theme.css
+++ b/web/theme.css
@@ -80,6 +80,7 @@
   --unread-bg: var(--error-primary);
   --settings-btn-bg: var(--violet-dark-100);
   --modal-bg: var(--shades-black-90);
+  --modal-fg: var(--shades-white-60);
   --join-bg: var(--shades-black-90);
   --help-color: var(--shades-black-60);
   --breadcrumb-color: var(--shades-white-60);