diff --git a/client/src/app/components/container/booklist/DisplayAllBooks.jsx b/client/src/app/components/container/booklist/DisplayAllBooks.jsx
index 03206d2..103bcfd 100644
--- a/client/src/app/components/container/booklist/DisplayAllBooks.jsx
+++ b/client/src/app/components/container/booklist/DisplayAllBooks.jsx
@@ -91,7 +91,8 @@ class DisplayAllBooks extends React.Component {
                 <Button
                   floating
                   onClick={() => this.handleClick()}
-                  className="#ef6c00 orange darken-3 add-book-btn"
+                  className="#ef6c00 orange darken-3 add-book-btn modal-trigger"
+                  href="#add-admin-book-modal"
                   waves="light"
                   icon="add"
                 />
diff --git a/client/src/app/components/presentation/common/book/DisplayBook.jsx b/client/src/app/components/presentation/common/book/DisplayBook.jsx
index 5fb1b4c..b7c3c52 100644
--- a/client/src/app/components/presentation/common/book/DisplayBook.jsx
+++ b/client/src/app/components/presentation/common/book/DisplayBook.jsx
@@ -102,7 +102,7 @@ class Book extends React.Component {
     this
       .props
       .fetchSelectedBook(book.id);
-    $('#admin-book-modal').modal('open');
+      //  $('#admin-book-modal').modal('open');
   }
   /**
    *
@@ -123,8 +123,9 @@ class Book extends React.Component {
                   <Button
                     floating
                     icon="mode_edit"
+                    href="#admin-book-modal"
                     onClick={() => this.handleEdit(this.props.book)}
-                    className="#f57c00 orange darken-2 book-icons-1"
+                    className="#f57c00 orange darken-2 book-icons-1 modal-trigger"
                     waves="light"
                   >
                     Edit
@@ -144,6 +145,7 @@ class Book extends React.Component {
           </div>
           <div className="card">
             <a
+              className="modal-trigger"
               href="#modal"
               onClick={() => this.handleBookClick(this.props.book)}
               tabIndex="-1"