diff --git a/frontend/src/components/AvailabilitiesTable.jsx b/frontend/src/components/AvailabilitiesTable.jsx
index 529b095..638f3f9 100644
--- a/frontend/src/components/AvailabilitiesTable.jsx
+++ b/frontend/src/components/AvailabilitiesTable.jsx
@@ -489,7 +489,7 @@ function AvailabilitiesTable({ authUser }) {
             </Col>
           </Row>
 
-          <Table striped bordered hover>
+          <Table striped bordered>
             <thead>
               <tr>
                 <th>Hours</th>
@@ -529,23 +529,20 @@ function AvailabilitiesTable({ authUser }) {
                       );
 
                       return (
-                        <td key={j}>
+                        <td
+                          key={j}
+                          onClick={() =>
+                            !matchingAvailability &&
+                            handleAddAvailability(
+                              timeSlotStart,
+                              timeSlotStart.clone().add(45, "minutes")
+                            )
+                          }
+                        >
                           {matchingAvailability ? (
                             renderInterview(matchingAvailability.interview)
                           ) : (
-                            <>
-                              <Button
-                                variant="success"
-                                onClick={() =>
-                                  handleAddAvailability(
-                                    timeSlotStart,
-                                    timeSlotStart.clone().add(45, "minutes")
-                                  )
-                                }
-                              >
-                                <FaPlus />
-                              </Button>
-                            </>
+                            <FaPlus />
                           )}
                         </td>
                       );