diff --git a/src/components/UserDetailPopup/UserDetailPopup.js b/src/components/UserDetailPopup/UserDetailPopup.js
index c805abf..9c26f54 100644
--- a/src/components/UserDetailPopup/UserDetailPopup.js
+++ b/src/components/UserDetailPopup/UserDetailPopup.js
@@ -3,6 +3,7 @@ import { clearUserData } from '@/utils/storageHelper';
 import { useUser } from '@/context/UserContext';
 import { useRouter } from 'next/router';
 import { ClickAwayListener } from '@mui/material';
+import { nameToSlugName } from "@/utils/utils";
 
 const UserDetail = ({ isOpen, onClose }) => {
     const {user , setUser}=useUser();
@@ -31,7 +32,7 @@ const UserDetail = ({ isOpen, onClose }) => {
                 <div className={styles.userDetails}>
                         <>
                             <p><b>{user?.name || ""}</b></p>
-                            <p><b>{user?.email || ""}</b></p>
+                            <a href={`/discovery/user/${user?.id}/${nameToSlugName(user?.name)}`}><p><b>{user?.email || ""}</b></p></a>
                             <button className={styles.logoutButton} onClick={handleLogout}>Logout</button>
                         </>
                 </div>
diff --git a/src/components/UserDetailPopup/UserDetailPopup.module.css b/src/components/UserDetailPopup/UserDetailPopup.module.css
index 1a88cb3..e4fd3d2 100644
--- a/src/components/UserDetailPopup/UserDetailPopup.module.css
+++ b/src/components/UserDetailPopup/UserDetailPopup.module.css
@@ -16,6 +16,11 @@
   font-weight: 500;
 }
 
+.userDetails a p:hover {
+  color: blue;
+
+}
+
 .logoutButton {
   margin-top: 1rem;
   padding: 0.75rem 1.5rem;