diff --git a/app/src/components/layout/sidebarRight/Header.tsx b/app/src/components/layout/sidebarRight/Header.tsx
index a7ab35a..4c28e0e 100644
--- a/app/src/components/layout/sidebarRight/Header.tsx
+++ b/app/src/components/layout/sidebarRight/Header.tsx
@@ -109,12 +109,12 @@ const Header: React.FC = () => {
                   handleUserFollow(user, index);
                 }}
               >
-                {user.userName[0]}
+                {userName?.charAt(0).toUpperCase()}
               </button>
             ))}
           </div>
           <div className="user-profile-container">
-            <div className="user-profile">{userName}</div>
+            <div className="user-profile">{userName?.charAt(0).toUpperCase()}</div>
             <div className="user-organization">
               <img src={orgImg} alt="" />
             </div>