diff --git a/src/pages/MainPage/Main.tsx b/src/pages/MainPage/Main.tsx
index cb55ecf..ceded81 100644
--- a/src/pages/MainPage/Main.tsx
+++ b/src/pages/MainPage/Main.tsx
@@ -448,7 +448,7 @@ export default () => {
                 </Padding>
 
                 <Row>
-                  <table class="table__disabled">
+                  <table class="table">
                     <thead>
                       <tr>
                         <th>Application Number</th>
@@ -463,15 +463,15 @@ export default () => {
                           <td>{nameListOccupancy()[index]}</td>
 
                           <td>
-                            <Button
-                              // class="modal"
+                            <ModalButton
+                              class="modal"
                               label="Show Details"
                               design="bo-link"
                               background="#121e2acc"
                               color="#ffffffec"
-                              onClick={async () => {
-                                setApology(true)
-                                setErrorMessage('Modification of Occupancy Printing has not yet finished')
+                              function={async () => {
+                                // setApology(true)
+                                // setErrorMessage('Modification of Occupancy Printing has not yet finished')
                                 await getopdetails('occupancy', item)
                               }}
                             >
@@ -517,7 +517,7 @@ export default () => {
                                   <span class="modal__cancel">Click anywhere to cancel</span>
                                 </Row>
                               </Padding>
-                            </Button>
+                            </ModalButton>
                           </td>
                         </tr>
                       ))}