diff --git a/webui/src/Components/Navbar/Navbar.tsx b/webui/src/Components/Navbar/Navbar.tsx
index 9083592..9bd5eb5 100644
--- a/webui/src/Components/Navbar/Navbar.tsx
+++ b/webui/src/Components/Navbar/Navbar.tsx
@@ -90,8 +90,12 @@ const Navbar: FC<NavbarProps> = ({ user, onSignOut, showSignInButton }) => {
               content={({ close }) => (
                 <PopoverMenu>
                   <UserDetails>
-                    <Avatar src={user?.imageUrl || ""} alt="avatar" size={88} />
-                    <Name>{user?.fullName}</Name>
+                    <Link to={user?.username || '/'}>
+                      <Avatar src={user?.imageUrl || ""} alt="avatar" size={88} />
+                    </Link>
+                    <Link to={user?.username || '/'}>
+                      <Name>{user?.fullName}</Name>
+                    </Link>
 
                     <div
                       style={{
diff --git a/webui/src/Components/Navbar/styles.tsx b/webui/src/Components/Navbar/styles.tsx
index 384c932..4a7d469 100644
--- a/webui/src/Components/Navbar/styles.tsx
+++ b/webui/src/Components/Navbar/styles.tsx
@@ -55,6 +55,7 @@ export const PopoverMenu = styled.div`
 `;
 
 export const Name = styled.div`
+  color: #fff !important;
   font-size: 16px;
   font-weight: 600;
   margin-top: 8px;