fix: text-overflow (#13775)

Co-authored-by: Udit Takkar <53316345+Udit-takkar@users.noreply.github.com>
2024-02-20 10:23:49 +00:00
parent 9e84eb1b2c
commit f94d696885
1 changed files with 4 additions and 2 deletions
@@ -752,8 +752,10 @@ const NavigationItem: React.FC<{
            />
          )}
          {isLocaleReady ? (
-            <span className="hidden w-full justify-between lg:flex" data-testid={`${item.name}-test`}>
-              <div className="flex">{t(item.name)}</div>
+            <span
+              className="hidden w-full justify-between truncate text-ellipsis lg:flex"
+              data-testid={`${item.name}-test`}>
+              {t(item.name)}
              {item.badge && item.badge}
            </span>
          ) : (