diff --git a/frontend/src/scenes/events/EventsTable.tsx b/frontend/src/scenes/events/EventsTable.tsx
index b5528be51648a..ed4d12722d9dc 100644
--- a/frontend/src/scenes/events/EventsTable.tsx
+++ b/frontend/src/scenes/events/EventsTable.tsx
@@ -106,10 +106,10 @@ export function EventsTable({ fixedFilters, filtersEnabled = true, pageKey }: Ev
                         }
                         return showLinkToPerson && event.person?.distinct_ids?.length ? (
                             <Link to={`/person/${encodeURIComponent(event.person.distinct_ids[0])}`}>
-                                <PersonHeader person={event.person} />
+                                <PersonHeader withIcon person={event.person} />
                             </Link>
                         ) : (
-                            <PersonHeader person={event.person} />
+                            <PersonHeader withIcon person={event.person} />
                         )
                     },
                 },
diff --git a/frontend/src/scenes/events/definitions/EventsTableSnippet.tsx b/frontend/src/scenes/events/definitions/EventsTableSnippet.tsx
index ef984d3275031..9da491712862e 100644
--- a/frontend/src/scenes/events/definitions/EventsTableSnippet.tsx
+++ b/frontend/src/scenes/events/definitions/EventsTableSnippet.tsx
@@ -14,7 +14,7 @@ export function EventsTableSnippet(): JSX.Element {
             title: 'Person',
             key: 'person',
             render: function renderPerson({ person }: { person: PersonType }) {
-                return person ? <PersonHeader person={person} /> : { props: { colSpan: 0 } }
+                return person ? <PersonHeader withIcon person={person} /> : { props: { colSpan: 0 } }
             },
         },
         {
diff --git a/frontend/src/scenes/persons/Person.tsx b/frontend/src/scenes/persons/Person.tsx
index 0ecc7c28c26cf..70f602cf35348 100644
--- a/frontend/src/scenes/persons/Person.tsx
+++ b/frontend/src/scenes/persons/Person.tsx
@@ -120,7 +120,7 @@ export function Person(): JSX.Element {
                     <Card className="card-elevated person-detail" data-test-person-details>
                         {person && (
                             <>
-                                <PersonHeader person={person} />
+                                <PersonHeader withIcon person={person} />
                                 <div className="item-group">
                                     <label>IDs</label>
                                     <div style={{ display: 'flex' }}>
diff --git a/frontend/src/scenes/persons/PersonHeader.scss b/frontend/src/scenes/persons/PersonHeader.scss
index 46bc2e09cd7a4..ea4c90959b857 100644
--- a/frontend/src/scenes/persons/PersonHeader.scss
+++ b/frontend/src/scenes/persons/PersonHeader.scss
@@ -22,4 +22,8 @@
             color: $purple_700;
         }
     }
+
+    &:hover {
+        text-decoration: underline;
+    }
 }
diff --git a/frontend/src/scenes/persons/PersonsTable.tsx b/frontend/src/scenes/persons/PersonsTable.tsx
index b626090e61b27..77f5d0e485a69 100644
--- a/frontend/src/scenes/persons/PersonsTable.tsx
+++ b/frontend/src/scenes/persons/PersonsTable.tsx
@@ -65,7 +65,7 @@ export function PersonsTable({
             key: 'identification',
             span: 6,
             render: function Render(person: PersonType) {
-                return <PersonHeader person={person} />
+                return <PersonHeader withIcon person={person} />
             },
         },
         {
diff --git a/frontend/src/scenes/session-recordings/SessionRecordingsTable.tsx b/frontend/src/scenes/session-recordings/SessionRecordingsTable.tsx
index 6e864173fd5b9..20222a7c618c3 100644
--- a/frontend/src/scenes/session-recordings/SessionRecordingsTable.tsx
+++ b/frontend/src/scenes/session-recordings/SessionRecordingsTable.tsx
@@ -88,7 +88,7 @@ export function SessionRecordingsTable({ personUUID, isPersonPage = false }: Ses
             title: 'Person',
             key: 'person',
             render: function RenderPersonLink(sessionRecording: SessionRecordingType) {
-                return <PersonHeader person={sessionRecording.person} />
+                return <PersonHeader withIcon person={sessionRecording.person} />
             },
             ellipsis: true,
             span: 3,
diff --git a/frontend/src/scenes/session-recordings/sessionRecordingsTableLogic.ts b/frontend/src/scenes/session-recordings/sessionRecordingsTableLogic.ts
index 4bdb4a0316d98..7bb91bf95c63b 100644
--- a/frontend/src/scenes/session-recordings/sessionRecordingsTableLogic.ts
+++ b/frontend/src/scenes/session-recordings/sessionRecordingsTableLogic.ts
@@ -239,7 +239,7 @@ export const sessionRecordingsTableLogic = kea<sessionRecordingsTableLogicType<P
         }
     },
 
-    urlToAction: ({ actions, values }) => {
+    urlToAction: ({ actions, values, props }) => {
         const urlToAction = (_: any, params: Params): void => {
             const nulledSessionRecordingId = params.sessionRecordingId ?? null
             if (nulledSessionRecordingId !== values.sessionRecordingId) {
@@ -268,10 +268,9 @@ export const sessionRecordingsTableLogic = kea<sessionRecordingsTableLogicType<P
                 }
             }
         }
-
+        const urlPattern = props.personUUID ? '/person/*' : '/recordings'
         return {
-            '/recordings': urlToAction,
-            '/person/*': urlToAction,
+            [urlPattern]: urlToAction,
         }
     },
 })