From a5249b6cb5b1c5fdb5e8cd4c97bc214819321419 Mon Sep 17 00:00:00 2001
From: Udit Takkar <53316345+Udit-takkar@users.noreply.github.com>
Date: Tue, 15 Nov 2022 19:54:23 +0530
Subject: [PATCH] fix: use tooltip and max-w (#5531)

---
 packages/ui/v2/core/navigation/tabs/VerticalTabItem.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/v2/core/navigation/tabs/VerticalTabItem.tsx b/packages/ui/v2/core/navigation/tabs/VerticalTabItem.tsx
index 6824f0d48a..2b0a02b0ce 100644
--- a/packages/ui/v2/core/navigation/tabs/VerticalTabItem.tsx
+++ b/packages/ui/v2/core/navigation/tabs/VerticalTabItem.tsx
@@ -64,7 +64,7 @@ const VerticalTabItem = function ({
                   {props.isExternalLink ? <Icon.FiExternalLink /> : null}
                 </span>
                 {info && (
-                  <Skeleton as="p" className="mt-1 text-xs font-normal">
+                  <Skeleton as="p" title={t(info)} className="max-w-44 mt-1 truncate text-xs font-normal">
                     {t(info)}
                   </Skeleton>
                 )}