From bf34296864b7887faa7053f065661e9ee6900a5d Mon Sep 17 00:00:00 2001
From: Nafees Nazik <84864519+G3root@users.noreply.github.com>
Date: Thu, 27 Oct 2022 13:52:03 +0530
Subject: [PATCH] fix: truncte longer text (#5150)

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

diff --git a/packages/ui/v2/core/navigation/tabs/VerticalTabItem.tsx b/packages/ui/v2/core/navigation/tabs/VerticalTabItem.tsx
index a7253da4ce..8414dd4adf 100644
--- a/packages/ui/v2/core/navigation/tabs/VerticalTabItem.tsx
+++ b/packages/ui/v2/core/navigation/tabs/VerticalTabItem.tsx
@@ -58,7 +58,9 @@ const VerticalTabItem = function ({
               {props.icon && <props.icon className="mr-[10px] h-[16px] w-[16px] stroke-[2px] md:mt-0" />}
               <div>
                 <span className="flex items-center space-x-2">
-                  <Skeleton as="p">{t(name)}</Skeleton>
+                  <Skeleton title={t(name)} as="p" className="max-w-36 truncate">
+                    {t(name)}
+                  </Skeleton>
                   {props.isExternalLink ? <Icon.FiExternalLink /> : null}
                 </span>
                 {info && (