diff --git a/client/src/app/components/hoc/AdminRoutes.jsx b/client/src/app/components/hoc/AdminRoutes.jsx
index 2b579d1..528214d 100644
--- a/client/src/app/components/hoc/AdminRoutes.jsx
+++ b/client/src/app/components/hoc/AdminRoutes.jsx
@@ -7,16 +7,19 @@ const AdminRoutes = ({
   isAuthenticated,
   tokenExists,
   isAdmin,
-  component: Component,
+  component,
   ...rest
-}) => (
-  <Route
-    {...rest}
-    render={props => (isAuthenticated && isAdmin && tokenExists ?
-      <Component{...props} /> :
-      <Redirect to="/login" />)}
-  />
-);
+}) => {
+  const PassedComponent = component;
+  return (
+    <Route
+      {...rest}
+      render={props => (isAuthenticated && isAdmin && tokenExists ?
+        <PassedComponent{...props} /> :
+        <Redirect to="/login" />)}
+    />
+  );
+};
 
 AdminRoutes.defaultProps = {
   isAdmin: false
diff --git a/client/src/app/components/hoc/UserRoutes.jsx b/client/src/app/components/hoc/UserRoutes.jsx
index 4a662b9..5a40148 100644
--- a/client/src/app/components/hoc/UserRoutes.jsx
+++ b/client/src/app/components/hoc/UserRoutes.jsx
@@ -9,7 +9,6 @@ const UserRoutes = ({
   component,
   ...rest
 }) => {
-  // console.log({ isAuthenticated, tokenExists });
   const PassedComponent = component;
   return (
     <Route
@@ -25,8 +24,7 @@ const UserRoutes = ({
 UserRoutes.propTypes = {
   isAuthenticated: PropTypes.bool.isRequired,
   component: PropTypes.func.isRequired,
-  tokenExists: PropTypes.bool.isRequired,
-  // isAdmin: PropTypes.bool.isRequired
+  tokenExists: PropTypes.bool.isRequired
 };
 
 const mapStateToProps = state => ({
diff --git a/client/src/app/components/presentation/common/book/DisplayBook.jsx b/client/src/app/components/presentation/common/book/DisplayBook.jsx
index fc53c6c..a86ddc7 100644
--- a/client/src/app/components/presentation/common/book/DisplayBook.jsx
+++ b/client/src/app/components/presentation/common/book/DisplayBook.jsx
@@ -71,9 +71,7 @@ class Book extends React.Component {
       showCancelButton: true,
       confirmButtonText: 'Yes, delete it!',
       cancelButtonText: 'No, cancel!',
-      confirmButtonClass: 'btn btn-success',
-      cancelButtonClass: 'btn btn-danger',
-      buttonsStyling: false,
+      buttonsStyling: true,
       reverseButtons: true
     }).then(() => {
       this
diff --git a/client/src/app/components/presentation/common/modal/BookDetailForm.jsx b/client/src/app/components/presentation/common/modal/BookDetailForm.jsx
index 38e034f..5d2c65e 100644
--- a/client/src/app/components/presentation/common/modal/BookDetailForm.jsx
+++ b/client/src/app/components/presentation/common/modal/BookDetailForm.jsx
@@ -66,7 +66,7 @@ class BookDetailForm extends React.PureComponent {
               <TextInput
                 name="quantity"
                 type="text"
-                value={quantity}
+                value={quantity ? quantity.toString() : quantity}
                 onChange={onChange}
                 errors={errors.quantity}
                 label="Quantity"
diff --git a/client/src/app/components/presentation/loanhistory/LoanHistoryTable.jsx b/client/src/app/components/presentation/loanhistory/LoanHistoryTable.jsx
index 0780463..12cedc9 100644
--- a/client/src/app/components/presentation/loanhistory/LoanHistoryTable.jsx
+++ b/client/src/app/components/presentation/loanhistory/LoanHistoryTable.jsx
@@ -53,7 +53,7 @@ const BorrowHistoryTable = (props) => {
               <th>User Return Date</th>
               <th>Book Status</th>
               <th>Overdue</th>
-              <th>Due In</th>
+              <th>Due</th>
             </tr>
           </thead>
           <tbody>