From c985cd5d2f234865de6f7180c52022d8f1182bf1 Mon Sep 17 00:00:00 2001
From: Artur Rybalskyy <artur.rybalskyy@globallogic.com>
Date: Wed, 24 Jun 2026 13:51:37 +0300
Subject: [PATCH] [FIX] [UI] Truncate long project names in sidebar project
 dropdown

---
 .../shared/Sidebar/ProjectDropdown/ProjectDropdown.jsx       | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/nextGenComponents/shared/Sidebar/ProjectDropdown/ProjectDropdown.jsx b/src/nextGenComponents/shared/Sidebar/ProjectDropdown/ProjectDropdown.jsx
index 24a3d0a3c..012f7fd0f 100644
--- a/src/nextGenComponents/shared/Sidebar/ProjectDropdown/ProjectDropdown.jsx
+++ b/src/nextGenComponents/shared/Sidebar/ProjectDropdown/ProjectDropdown.jsx
@@ -31,6 +31,7 @@ import {
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
+  EllipsisTooltip,
   Input,
   Tooltip,
   TooltipContent,
@@ -140,7 +141,9 @@ const ProjectDropdown = ({ projectName }) => {
                         to={project.link}
                         className={itemClassName}
                       >
-                        <span>{project.label}</span>
+                        <EllipsisTooltip className="min-w-0 flex-1 whitespace-nowrap">
+                          {project.label}
+                        </EllipsisTooltip>
                         {project.isCurrent && (
                           <Check className="h-4 w-4 shrink-0 text-green-600" aria-hidden="true" />
                         )}