diff --git a/src/element/ProfileImage.css b/src/element/ProfileImage.css
index 4838fb7..90db64c 100644
--- a/src/element/ProfileImage.css
+++ b/src/element/ProfileImage.css
@@ -9,4 +9,12 @@
     margin-right: 20px;
     border-radius: 10px;
     cursor: pointer;
-}
\ No newline at end of file
+}
+
+.pfp a {
+    text-decoration: none;
+}
+
+.pfp a:hover {
+    text-decoration: underline;
+}
diff --git a/src/element/ProfileImage.js b/src/element/ProfileImage.js
index 6ad6000..e9b3c85 100644
--- a/src/element/ProfileImage.js
+++ b/src/element/ProfileImage.js
@@ -1,8 +1,11 @@
-import "./ProfileImage.css";
-import { useNavigate } from "react-router-dom";
+import { useMemo } from "react";
+
+import { Link, useNavigate } from "react-router-dom";
+
 import useProfile from "../feed/ProfileFeed";
 import Nostrich from "../nostrich.jpg";
-import { useMemo } from "react";
+
+import "./ProfileImage.css";
 
 export default function ProfileImage(props) {
     const pubkey = props.pubkey;
@@ -24,7 +27,7 @@ export default function ProfileImage(props) {
         <div className="pfp">
             <img src={hasImage ? user.picture : Nostrich} onClick={() => navigate(`/p/${pubkey}`)} />
             <div>
-                {name}
+                <Link key={pubkey} to={`/p/${pubkey}`}>{name}</Link>
                 {subHeader ? <div>{subHeader}</div> : null}
             </div>
         </div>