diff --git a/front-end/src/Pages/Deliverables.jsx b/front-end/src/Pages/Deliverables.jsx
index 322dc68f..99940672 100644
--- a/front-end/src/Pages/Deliverables.jsx
+++ b/front-end/src/Pages/Deliverables.jsx
@@ -191,6 +191,9 @@ const onViewClick = (deliverable) => {
         </nav>
     </div>
     <div className={style["container"]}>
+      {!addRow && loggedInUser.isLoggedIn && <div>
+        <button className={style["addNewButton"]} onClick={onAddNewClicked}>Add New</button>
+      </div>}
       <div className={style["tableContainer"]}>
           <table className={style["table"]}>
             <thead>
@@ -236,9 +239,6 @@ const onViewClick = (deliverable) => {
             </tfoot> */}
           </table>
       </div>
-      {!addRow && loggedInUser.isLoggedIn && <div>
-        <button className={style["addNewButton"]} onClick={onAddNewClicked}>Add New</button>
-      </div>}
     </div>
     { (addRow || editRow) &&  <Dialog
           open={showDiologBox}
diff --git a/front-end/src/Pages/Workplan.jsx b/front-end/src/Pages/Workplan.jsx
index ea3acd29..b19e5485 100644
--- a/front-end/src/Pages/Workplan.jsx
+++ b/front-end/src/Pages/Workplan.jsx
@@ -178,6 +178,9 @@ function Workplan() {
           <h3>Workplan</h3>
       </div>
     <div className={style["container"]}>
+      {!addRow && loggedInUser.isLoggedIn && <div>
+        <button className={style["addNewButton"]} onClick={onAddNewClicked}>Add New</button>
+      </div>}
       <div className={style["tableContainer"]}>
           <table className={style["table"]}>
             <thead>
@@ -248,9 +251,6 @@ function Workplan() {
             </tfoot> */}
           </table>
       </div>
-      {!addRow && loggedInUser.isLoggedIn && <div>
-        <button className={style["addNewButton"]} onClick={onAddNewClicked}>Add New</button>
-      </div>}
       </div>
       {/* Dialog- Add New Row/Edit Row */}
       { (addRow || editRow) &&  <Dialog
diff --git a/front-end/src/components/Deliverables.module.css b/front-end/src/components/Deliverables.module.css
index 784637d1..2071d156 100644
--- a/front-end/src/components/Deliverables.module.css
+++ b/front-end/src/components/Deliverables.module.css
@@ -102,14 +102,14 @@
 
 /* Add New Button */
 .addNewButton{
-  width: 100px;
+  width: 150px;
   height: 50px;
   margin: 20px 0px;
   padding: 10px 20px;
-  font-size: 14px;
   background-color: hsl(226, 64%, 35%);
   text-decoration: none;
-  font-family: Arial, sans-serif;
+  font-size: 16px;
+  font-family: 'Caudex';
   border: none;
   border-radius: 5px;
   cursor: pointer;
diff --git a/front-end/src/components/Workplan.module.css b/front-end/src/components/Workplan.module.css
index 5e5d02a2..9497ba4a 100644
--- a/front-end/src/components/Workplan.module.css
+++ b/front-end/src/components/Workplan.module.css
@@ -103,14 +103,14 @@
 
 /* Add New Button */
 .addNewButton{
-  width: 100px;
+  width: 150px;
   height: 50px;
   margin: 20px 0px;
   padding: 10px 20px;
-  font-size: 14px;
   background-color: hsl(226, 64%, 35%);
   text-decoration: none;
-  font-family: Arial, sans-serif;
+  font-size: 16px;
+  font-family: 'Caudex';
   border: none;
   border-radius: 5px;
   cursor: pointer;