diff --git a/components/t/RosterPlayerBar.tsx b/components/t/RosterPlayerBar.tsx
index fe7eb1184..cbed62978 100644
--- a/components/t/RosterPlayerBar.tsx
+++ b/components/t/RosterPlayerBar.tsx
@@ -1,4 +1,5 @@
 import { Box, Center, Flex } from "@chakra-ui/react";
+import MyLink from "components/common/MyLink";
 import UserAvatar from "components/common/UserAvatar";
 import WeaponImage from "components/common/WeaponImage";
 import { getEmojiFlag } from "countries-list";
@@ -14,13 +15,15 @@ const RosterPlayerBar: React.FC<Props> = ({ user }) => {
   const { secondaryBgColor, themeColorHex } = useMyTheme();
   return (
     <>
-      <UserAvatar
-        user={user}
-        size="lg"
-        borderRadius={0}
-        w={[8, null, 12]}
-        h={[8, null, 12]}
-      />
+      <MyLink href={`/u/${user.discordId}`}>
+        <UserAvatar
+          user={user}
+          size="lg"
+          borderRadius={0}
+          w={[8, null, 12]}
+          h={[8, null, 12]}
+        />
+      </MyLink>
       <Flex
         bg={secondaryBgColor}
         h={[8, null, 12]}
@@ -34,21 +37,24 @@ const RosterPlayerBar: React.FC<Props> = ({ user }) => {
           </Center>
         ))}
       </Flex>
-      <Flex
-        h={[8, null, 12]}
-        bg={themeColorHex}
-        align="center"
-        justify="center"
-        textColor="black"
-        textTransform="uppercase"
-        letterSpacing="wider"
-        lineHeight="1rem"
-        fontWeight="medium"
-        fontSize="sm"
-      >
-        {user.username}#{user.discriminator}{" "}
-        {user.profile?.country ? getEmojiFlag(user.profile.country) : ""}
-      </Flex>
+
+      <MyLink href={`/u/${user.discordId}`}>
+        <Flex
+          h={[8, null, 12]}
+          bg={themeColorHex}
+          align="center"
+          justify="center"
+          textColor="black"
+          textTransform="uppercase"
+          letterSpacing="wider"
+          lineHeight="1rem"
+          fontWeight="medium"
+          fontSize="sm"
+        >
+          {user.username}#{user.discriminator}{" "}
+          {user.profile?.country ? getEmojiFlag(user.profile.country) : ""}
+        </Flex>
+      </MyLink>
       <Box display={["block", "none"]} />
       <Flex
         bg={secondaryBgColor}