diff --git a/app/components/BookBuilder/BookBuilderModal.jsx b/app/components/BookBuilder/BookBuilderModal.jsx
index 622f6ec9acbd58a13bf8356005f7d5b626225a40..0a2a649b539fb72953c265d0d3518d5252d15331 100644
--- a/app/components/BookBuilder/BookBuilderModal.jsx
+++ b/app/components/BookBuilder/BookBuilderModal.jsx
@@ -23,7 +23,7 @@ export class BookBuilderModal extends React.Component {
     const modalSize = size || null
     let modalBodyText = ''
 
-    const success = successAction ? <a className='modal-button add-chapter bb-modal-act'
+    const success = successAction ? <a className='modal-button bb-modal-act'
       onClick={successAction}>
       { successText }
     </a> : null
@@ -82,9 +82,9 @@ export class BookBuilderModal extends React.Component {
         </Modal.Body>
 
         <Modal.Footer>
-          <div className='buttons-container'>
+          <div className='modal-buttons-container'>
 
-            <a className='modal-button discard-chapter bb-modal-cancel'
+            <a className='modal-button modal-discard bb-modal-cancel'
               onClick={toggle}>
               Cancel
             </a>
diff --git a/app/components/BookBuilder/BookList.jsx b/app/components/BookBuilder/BookList.jsx
index 5428bbbf7e3e348ced7360974f59111784facbfe..8e35d61961447603c26b0376a1fed2ab89971167 100644
--- a/app/components/BookBuilder/BookList.jsx
+++ b/app/components/BookBuilder/BookList.jsx
@@ -75,7 +75,7 @@ export class BookList extends React.Component {
           </Modal.Body>
 
           <Modal.Footer>
-            <a className='modal-button discard-chapter'
+            <a className='modal-button modal-discard'
               onClick={this._toggleModal}>
               Close
             </a>