diff --git a/web/modals/threads/cant-leave-thread-modal.css b/web/modals/threads/cant-leave-thread-modal.css
new file mode 100644
index 000000000..c8edde5d1
--- /dev/null
+++ b/web/modals/threads/cant-leave-thread-modal.css
@@ -0,0 +1,14 @@
+div.modal_body {
+  padding: 20px;
+  color: var(--fg);
+  background-color: var(--modal-bg);
+  border-radius: 16px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.ok_button {
+  width: 100%;
+  margin-top: 24px;
+}
diff --git a/web/modals/threads/cant-leave-thread-modal.react.js b/web/modals/threads/cant-leave-thread-modal.react.js
index b213e5478..214bad905 100644
--- a/web/modals/threads/cant-leave-thread-modal.react.js
+++ b/web/modals/threads/cant-leave-thread-modal.react.js
@@ -1,24 +1,33 @@
 // @flow
 
 import * as React from 'react';
 
-import css from '../../style.css';
+import Button from '../../components/button.react.js';
 import Modal from '../modal.react';
+import css from './cant-leave-thread-modal.css';
 
 type Props = {
   +onClose: () => void,
 };
 function CantLeaveThreadModal(props: Props): React.Node {
   return (
     <Modal name="Cannot leave thread" onClose={props.onClose}>
-      <div className={css['modal-body']}>
+      <div className={css.modal_body}>
         <p>
           You are the only admin left of this thread. Please promote somebody
           else to admin before leaving.
         </p>
+        <Button
+          onClick={props.onClose}
+          type="submit"
+          variant="primary"
+          className={css.ok_button}
+        >
+          OK
+        </Button>
       </div>
     </Modal>
   );
 }
 
 export default CantLeaveThreadModal;