diff --git a/web/modals/threads/confirm-leave-thread-modal.css b/web/modals/threads/confirm-leave-thread-modal.css
new file mode 100644
--- /dev/null
+++ b/web/modals/threads/confirm-leave-thread-modal.css
@@ -0,0 +1,16 @@
+div.modal_body {
+  padding: 20px;
+  color: var(--fg);
+  background-color: var(--modal-bg);
+  border-radius: 16px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+  font-weight: bold;
+}
+
+.leave_button {
+  width: 100%;
+  margin-top: 24px;
+}
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
@@ -5,8 +5,8 @@
 import { type ThreadInfo } from 'lib/types/thread-types';
 
 import Button from '../../components/button.react';
-import css from '../../style.css';
 import Modal from '../modal.react';
+import css from './confirm-leave-thread-modal.css';
 
 type Props = {
   +threadInfo: ThreadInfo,
@@ -19,17 +19,16 @@
 
   return (
     <Modal name="Confirm leave thread" onClose={onClose}>
-      <div className={css['modal-body']}>
-        <p>
-          {'Are you sure you want to leave "'}
-          <span className={css['thread-name']}>{uiName}</span>
-          {'"?'}
-        </p>
-        <div className={css['form-footer']}>
-          <Button onClick={onConfirm} type="submit">
-            Leave Thread
-          </Button>
-        </div>
+      <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>
       </div>
     </Modal>
   );