From bff39daef068f89c6ba339b186a70c8f88ed55b9 Mon Sep 17 00:00:00 2001
From: Sanjib Kumar Sah <35219515+s4nju@users.noreply.github.com>
Date: Tue, 26 Dec 2023 15:41:01 +0530
Subject: [PATCH] fix: word overflow for large number in flamegraph (#4122)

Co-authored-by: Vishal Sharma <makeavish786@gmail.com>
---
 frontend/src/container/GantChart/Trace/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/container/GantChart/Trace/index.tsx b/frontend/src/container/GantChart/Trace/index.tsx
index 05a19a8268..8fbf6c905c 100644
--- a/frontend/src/container/GantChart/Trace/index.tsx
+++ b/frontend/src/container/GantChart/Trace/index.tsx
@@ -158,7 +158,7 @@ function Trace(props: TraceProps): JSX.Element {
 									isDarkMode={isDarkMode}
 									onClick={onClickTreeExpansion}
 								>
-									<Typography>{totalSpans}</Typography>
+									<Typography style={{ wordBreak: 'normal' }}>{totalSpans}</Typography>
 									<CaretContainer>{icon}</CaretContainer>
 								</CardComponent>
 							)}