diff --git a/web/modals/modal.react.js b/web/modals/modal.react.js
--- a/web/modals/modal.react.js
+++ b/web/modals/modal.react.js
@@ -37,7 +37,7 @@
       fixedHeight,
       name,
       icon,
-      withCloseButton = false,
+      withCloseButton = true,
     } = this.props;
 
     const overlayClasses = classNames(
diff --git a/web/modals/threads/confirm-leave-thread-modal.react.js b/web/modals/threads/confirm-leave-thread-modal.react.js
--- a/web/modals/threads/confirm-leave-thread-modal.react.js
+++ b/web/modals/threads/confirm-leave-thread-modal.react.js
@@ -18,7 +18,12 @@
   const { uiName } = threadInfo;
 
   return (
-    <Modal name="Leaving channel" icon="warning-circle" onClose={onClose}>
+    <Modal
+      name="Leaving channel"
+      icon="warning-circle"
+      withCloseButton={false}
+      onClose={onClose}
+    >
       <div className={css.container}>
         <p>
           {'Are you sure you want to leave "'}