diff --git a/src/Components/Common/Sidebar/SidebarUserCard.tsx b/src/Components/Common/Sidebar/SidebarUserCard.tsx
index 8ad94b3e947..6f44393f55d 100644
--- a/src/Components/Common/Sidebar/SidebarUserCard.tsx
+++ b/src/Components/Common/Sidebar/SidebarUserCard.tsx
@@ -43,11 +43,13 @@ const SidebarUserCard: React.FC<SidebarUserCardProps> = ({ shrinked }) => {
                   className="w-8 text-sm font-medium"
                 />
               </div>
-              {!shrinked && (
-                <span className="flex w-full grow items-center pl-1 text-xs font-medium tracking-wide">
-                  {formatName(user)}
-                </span>
-              )}
+              <div className="max-w-32">
+                {!shrinked && (
+                  <p className="truncate pl-1 text-xs font-medium tracking-wide">
+                    {formatName(user)}
+                  </p>
+                )}
+              </div>
             </div>
             <div className="flex shrink-0 items-center justify-center rounded-full bg-gray-300/50">
               <CareIcon