diff --git a/web/modals/chat/sidebar-promote-modal.css b/web/modals/chat/sidebar-promote-modal.css
--- a/web/modals/chat/sidebar-promote-modal.css
+++ b/web/modals/chat/sidebar-promote-modal.css
@@ -1,16 +1,3 @@
-div.modal_body {
-  padding: 24px 32px 32px 32px;
+div.modalBody {
   color: var(--fg);
-  background-color: var(--modal-bg);
-  border-radius: 16px;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-
-div.buttonContainer {
-  padding-top: 32px;
-  display: flex;
-  gap: 24px;
-  justify-content: flex-end;
 }
diff --git a/web/modals/chat/sidebar-promote-modal.react.js b/web/modals/chat/sidebar-promote-modal.react.js
--- a/web/modals/chat/sidebar-promote-modal.react.js
+++ b/web/modals/chat/sidebar-promote-modal.react.js
@@ -24,26 +24,36 @@
     onClose();
   }, [onClose, onConfirm]);
 
+  const primaryButton = React.useMemo(
+    () => (
+      <Button onClick={handleConfirm} type="submit" variant="filled">
+        Promote to channel
+      </Button>
+    ),
+    [handleConfirm],
+  );
+
+  const secondaryButton = React.useMemo(
+    () => (
+      <Button onClick={onClose} type="submit" variant="outline">
+        Cancel
+      </Button>
+    ),
+    [onClose],
+  );
+
   return (
     <Modal
       size="large"
       name="Promote to channel"
       icon="warning-circle"
       onClose={onClose}
+      primaryButton={primaryButton}
+      secondaryButton={secondaryButton}
     >
-      <div className={css.modal_body}>
-        <p>
-          {`Are you sure you want to promote "${uiName}"? 
-          Promoting a thread to a channel cannot be undone.`}
-        </p>
-        <div className={css.buttonContainer}>
-          <Button onClick={onClose} type="submit" variant="outline">
-            Cancel
-          </Button>
-          <Button onClick={handleConfirm} type="submit" variant="filled">
-            Promote to channel
-          </Button>
-        </div>
+      <div className={css.modalBody}>
+        Are you sure you want to promote {uiName}? Promoting a thread to a
+        channel cannot be undone.
       </div>
     </Modal>
   );