diff --git a/frontend/pages/patrons/index.vue b/frontend/pages/patrons/index.vue
index 3d156fb..5884ac2 100644
--- a/frontend/pages/patrons/index.vue
+++ b/frontend/pages/patrons/index.vue
@@ -25,7 +25,7 @@ const patrons = [
           <TableTh>Checked Out</TableTh>
           <TableTh>Fines</TableTh>
           <TableTh actions>
-            <a href="#">Add New</a>
+            <PrimaryButton>Add New</PrimaryButton>
           </TableTh>
         </tr>
       </TableThead>