diff --git a/index.html b/index.html
index 6143944..e0d87dc 100644
--- a/index.html
+++ b/index.html
@@ -427,14 +427,14 @@ tr:hover td { background: var(--cyan-50); }
 
 /* Employee name link */
 .emp-name-link {
-  color: var(--ink);
+  color: var(--ink) !important;
   font-weight: 600;
-  text-decoration: none;
   cursor: pointer;
   border-bottom: 1px dashed var(--gray-300);
+  transition: all .15s;
 }
 .emp-name-link:hover {
-  color: var(--cyan);
+  color: var(--cyan) !important;
   border-bottom-color: var(--cyan);
 }
 
@@ -1752,7 +1752,7 @@ function renderReports() {
     const issuedCount = empIss.filter(i => i.status !== 'returned').length;
     const expiredCount = empIss.filter(i => getIssStatus(i) === 'expired').length;
     return `<tr>
-    <td><a href="#" class="emp-name-link" onclick="event.preventDefault();showEmpHistory('${e.id}')">${e.fullName}</a></td>
+    <td><span class="emp-name-link" onclick="showEmpHistory('${e.id}')">${e.fullName}</span></td>
       <td>${e.position}</td>
       <td>${issuedCount}</td>
       <td>${expiredCount ? '<span class="badge badge-red">' + expiredCount + '</span>' : '<span class="badge badge-green">0</span>'}</td>