diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index 2983c83..56915bb 100644
--- a/components/Navigation.tsx
+++ b/components/Navigation.tsx
@@ -121,7 +121,9 @@ export default function (props: {
               <div className="nav-links">
                 {data.hide ? null : data.id ? (
                   <HStack spacing="3">
-                    <Avatar src={getAvatarUrl(data)} />
+                    <a href="/me">
+                      <Avatar src={getAvatarUrl(data)} />
+                    </a>
                     <Text>{data.username}</Text>
                     <Button
                       onClick={async () => await destroySession()}
@@ -189,7 +191,12 @@ export default function (props: {
             <Link display={data.id ? "none" : ""} href="/api/auth/oauth">
               Log In
             </Link>
-            <Avatar display={data.id ? "" : "none"} src={getAvatarUrl(data)} />
+            <a href="/me">
+              <Avatar
+                display={data.id ? "" : "none"}
+                src={getAvatarUrl(data)}
+              />
+            </a>
             <Text align="center" style={{ overflowWrap: "anywhere" }}>
               {data.id ? data.username : ""}
             </Text>