diff --git a/frontend/src/Components/DisplayUnsignedReports.tsx b/frontend/src/Components/DisplayUnsignedReports.tsx
index 25a1da3..3cd32f8 100644
--- a/frontend/src/Components/DisplayUnsignedReports.tsx
+++ b/frontend/src/Components/DisplayUnsignedReports.tsx
@@ -65,7 +65,7 @@ function DisplayUserProject(): JSX.Element {
                   <Link
                     to={`/PMViewUnsignedReport/${projectName}/${usernames[index]}/${unsignedReport.week}`}
                   >
-                    <h1 className="underline cursor-pointer font-bold">
+                    <h1 className="cursor-pointer font-bold hover:font-extrabold hover:underline">
                       View Report
                     </h1>
                   </Link>
diff --git a/frontend/src/Components/ProjectMembers.tsx b/frontend/src/Components/ProjectMembers.tsx
index 06825bc..e06ed75 100644
--- a/frontend/src/Components/ProjectMembers.tsx
+++ b/frontend/src/Components/ProjectMembers.tsx
@@ -50,7 +50,7 @@ function ProjectMembers(): JSX.Element {
                     {projectMember.Username !==
                       localStorage.getItem("username") && (
                       <h1
-                        className="underline cursor-pointer font-bold"
+                        className="cursor-pointer font-bold hover:font-extrabold hover:underline"
                         onClick={() => {
                           confirm(
                             "Are you sure you want to delete this user? This action cannot be undone.",
@@ -64,7 +64,7 @@ function ProjectMembers(): JSX.Element {
                     <Link
                       to={`/otherUsersTimeReports/${projectName}/${projectMember.Username}`}
                     >
-                      <h1 className="underline cursor-pointer font-bold">
+                      <h1 className="cursor-pointer font-bold hover:font-extrabold hover:underline">
                         View Reports
                       </h1>
                     </Link>