diff --git a/web/modals/modal.css b/web/modals/modal.css
--- a/web/modals/modal.css
+++ b/web/modals/modal.css
@@ -1,3 +1,8 @@
+:root {
+  --modal-width-small: 330px;
+  --modal-width-large: 500px;
+}
+
 div.modalContainer {
   display: flex;
   background-color: var(--modal-background-primary-default);
@@ -8,11 +13,11 @@
 }
 
 div.modalContainerSmall {
-  width: 330px;
+  width: var(--modal-width-small);
 }
 
 div.modalContainerLarge {
-  width: 500px;
+  width: var(--modal-width-large);
 }
 
 .modalHeaderButtonsContainer {
diff --git a/web/modals/threads/confirm-leave-thread-modal.css b/web/modals/threads/confirm-leave-thread-modal.css
--- a/web/modals/threads/confirm-leave-thread-modal.css
+++ b/web/modals/threads/confirm-leave-thread-modal.css
@@ -2,4 +2,6 @@
   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;
 }