diff --git a/web/modals/threads/confirm-leave-thread-modal.css b/web/modals/threads/confirm-leave-thread-modal.css
index 5c8e1753c..d0376b08d 100644
--- a/web/modals/threads/confirm-leave-thread-modal.css
+++ b/web/modals/threads/confirm-leave-thread-modal.css
@@ -1,15 +1,17 @@
-div.modal_body {
-  padding: 20px;
-  color: var(--fg);
-  background-color: var(--modal-bg);
-  border-radius: 16px;
-  display: flex;
-  flex-direction: column;
-  text-align: center;
-  font-weight: var(--bold);
+div.container {
+  padding: 0 40px 32px;
+  border-radius: 8px;
+  background: var(--modal-bg);
+  color: var(--modal-fg);
+  min-width: 635px;
+  box-sizing: border-box;
+}
+div.container > p {
+  font-size: var(--xl-font-20);
+  padding-bottom: 32px;
 }
-
-.leave_button {
-  width: 100%;
-  margin-top: 24px;
+div.buttonContainer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 24px;
 }
diff --git a/web/modals/threads/confirm-leave-thread-modal.react.js b/web/modals/threads/confirm-leave-thread-modal.react.js
index 422c3d11f..53e4ed869 100644
--- a/web/modals/threads/confirm-leave-thread-modal.react.js
+++ b/web/modals/threads/confirm-leave-thread-modal.react.js
@@ -1,37 +1,41 @@
 // @flow
 
 import * as React from 'react';
 
 import { type ThreadInfo } from 'lib/types/thread-types';
 
 import Button from '../../components/button.react';
 import Modal from '../modal.react';
 import css from './confirm-leave-thread-modal.css';
 
 type Props = {
   +threadInfo: ThreadInfo,
   +onClose: () => void,
   +onConfirm: () => void,
 };
 function ConfirmLeaveThreadModal(props: Props): React.Node {
   const { threadInfo, onClose, onConfirm } = props;
   const { uiName } = threadInfo;
 
   return (
-    <Modal name="Confirm leave thread" onClose={onClose}>
-      <div className={css.modal_body}>
-        <p>{`Are you sure you want to leave "${uiName}"?`}</p>
-        <Button
-          onClick={onConfirm}
-          type="submit"
-          variant="danger"
-          className={css.leave_button}
-        >
-          Leave Thread
-        </Button>
+    <Modal name="Leaving channel" icon="warning-circle" onClose={onClose}>
+      <div className={css.container}>
+        <p>
+          {'Are you sure you want to leave "'}
+          <span className={css['thread-name']}>{uiName}</span>
+          {'"?'}
+        </p>
+        <div className={css.buttonContainer}>
+          <Button variant="secondary" onClick={onClose}>
+            Cancel
+          </Button>
+          <Button variant="danger" onClick={onConfirm} type="submit">
+            Yes, leave Thread
+          </Button>
+        </div>
       </div>
     </Modal>
   );
 }
 
 export default ConfirmLeaveThreadModal;