diff --git a/web/src/AccountsPanel.tsx b/web/src/AccountsPanel.tsx
index 89134c9..ef2d19a 100644
--- a/web/src/AccountsPanel.tsx
+++ b/web/src/AccountsPanel.tsx
@@ -194,14 +194,14 @@ export function AccountsPanel({
           ) : (
             <span className="avatar" aria-hidden="true" />
           )}
-          <a
+          <button
+            type="button"
             className="handle-link"
-            href={`${appviewUrl}/profile/${a.did}`}
-            target="_blank"
-            rel="noopener noreferrer"
+            title={`stats for ${a.handle}`}
+            onClick={() => setStatsDid(a.did)}
           >
             {a.handle}
-          </a>
+          </button>
         </span>
         {(a.labels?.length ?? 0) > 0 && <div className="labels">{a.labels!.join(", ")}</div>}
       </td>
diff --git a/web/src/style.css b/web/src/style.css
index 72a3179..96a959a 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -523,6 +523,16 @@ tr:hover td {
   text-decoration: underline;
 }
 
+/* handle buttons (open the stats modal) look like the handle links */
+button.handle-link {
+  background: none;
+  border: none;
+  padding: 0;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+
 .labels {
   color: var(--error);
   font-size: 14px;