From 6cd85a70952b7b985238c529abb35c140f5b458d Mon Sep 17 00:00:00 2001
From: Jayash Tripathy <76092296+JayashTripathy@users.noreply.github.com>
Date: Tue, 23 Dec 2025 15:14:16 +0530
Subject: [PATCH] [WEB-5784] fix: truncation of links in work items (#8430)

---
 .../components/issues/issue-detail/links/link-item.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/web/core/components/issues/issue-detail/links/link-item.tsx b/apps/web/core/components/issues/issue-detail/links/link-item.tsx
index 2c8a747846..34c186a1b2 100644
--- a/apps/web/core/components/issues/issue-detail/links/link-item.tsx
+++ b/apps/web/core/components/issues/issue-detail/links/link-item.tsx
@@ -60,14 +60,14 @@ export const IssueLinkItem = observer(function IssueLinkItem(props: TIssueLinkIt
               href={linkDetail.url}
               target="_blank"
               rel="noopener noreferrer"
-              className="flex-1 w-0 text-body-xs-regular cursor-pointer flex items-center gap-3"
+              className="flex-1 w-0 text-body-xs-regular cursor-pointer flex items-center"
             >
-              <span className="truncate">
+              <span className="truncate flex-1 w-0">
                 {linkDetail.title && linkDetail.title !== "" ? linkDetail.title : linkDetail.url}
+                {linkTitle && linkTitle !== "" && (
+                  <span className="text-placeholder text-caption-sm-regular"> {linkTitle}</span>
+                )}
               </span>
-              {linkTitle && linkTitle !== "" && (
-                <span className="text-placeholder text-caption-sm-regular flex-shrink-0">{linkTitle}</span>
-              )}
             </a>
           </Tooltip>
         </div>