diff --git a/web/modals/modal.css b/web/modals/modal.css
index 8c7021b7c..7ffa30816 100644
--- a/web/modals/modal.css
+++ b/web/modals/modal.css
@@ -1,92 +1,97 @@
+:root {
+  --modal-width-small: 330px;
+  --modal-width-large: 500px;
+}
+
 div.modalContainer {
   display: flex;
   background-color: var(--modal-background-primary-default);
   border-radius: 8px;
   flex-direction: column;
   margin: 20px;
   overflow: hidden;
 }
 
 div.modalContainerSmall {
-  width: 330px;
+  width: var(--modal-width-small);
 }
 
 div.modalContainerLarge {
-  width: 500px;
+  width: var(--modal-width-large);
 }
 
 .modalHeaderButtonsContainer {
   margin-left: 24px;
   display: flex;
   column-gap: 8px;
   align-items: center;
 }
 
 .modalButton {
   color: var(--modal-close-primary-default);
 }
 
 .modalButton:hover {
   color: var(--modal-close-primary-hover);
 }
 
 div.modalHeader {
   display: flex;
   flex-direction: column;
   padding: 32px 32px 0 32px;
 }
 
 div.modalHeaderTitle {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 
 div.modalHeaderCentered {
   justify-content: center;
 }
 
 h2.title {
   font-size: 20px;
   font-weight: 500;
   line-height: 32px;
   color: var(--modal-header-primary-default);
   display: flex;
   align-items: center;
   column-gap: 8px;
 }
 
 h2.subtitle {
   font-size: var(--xs-font-12);
   font-weight: 400;
   line-height: 18px;
   color: var(--modal-fg);
 }
 
 .subheaderContainer {
   margin-top: 16px;
 }
 
 .modalContentContainer {
   padding: 16px 32px 24px;
 }
 
 .buttonContainer {
   background-color: var(--modal-background-secondary-default);
   padding: 16px 32px;
 }
 
 .primaryButtonContainer > button {
   width: 100%;
 }
 
 .emptyButtonContainerOffset {
   height: 8px;
 }
 
 .primarySecondaryContainer {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   column-gap: 16px;
 }
diff --git a/web/modals/threads/confirm-leave-thread-modal.css b/web/modals/threads/confirm-leave-thread-modal.css
index a98fa7ec9..3b1934d13 100644
--- a/web/modals/threads/confirm-leave-thread-modal.css
+++ b/web/modals/threads/confirm-leave-thread-modal.css
@@ -1,5 +1,7 @@
 div.container {
   color: var(--text-background-secondary-default);
   box-sizing: border-box;
   font-size: var(--xl-font-20);
+  max-width: var(--modal-width-large);
+  overflow-wrap: break-word;
 }