From 672e561b18f50d680d38730f691d3ff2333f3f44 Mon Sep 17 00:00:00 2001
From: Harshal <harshalmaniya26@gmail.com>
Date: Mon, 19 Aug 2024 12:13:41 +0530
Subject: [PATCH] fix pool route line (#401)

---
 src/components/RoutingDiagram/RoutingDiagram.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/RoutingDiagram/RoutingDiagram.tsx b/src/components/RoutingDiagram/RoutingDiagram.tsx
index 8fc922d9..b319638c 100644
--- a/src/components/RoutingDiagram/RoutingDiagram.tsx
+++ b/src/components/RoutingDiagram/RoutingDiagram.tsx
@@ -98,6 +98,10 @@ const BadgeText = styled(ThemedText.LabelMicro)`
   margin: 0 6px 0 12px !important;
 `
 
+const VersionBadgeText = styled(ThemedText.LabelMicro)`
+  word-break: normal;
+`
+
 export default function RoutingDiagram({
   currencyIn,
   currencyOut,
@@ -119,7 +123,9 @@ export default function RoutingDiagram({
             <CurrencyLogo currency={tokenIn} size="20px" />
             <PoolBadgeWhite>
               {entry.type}
-              <BadgeText style={{ fontWeight: 300, marginLeft: '4px' }}>{formatPercent(entry.percent)}</BadgeText>
+              <VersionBadgeText style={{ fontWeight: 300, marginLeft: '4px' }}>
+                {formatPercent(entry.percent)}
+              </VersionBadgeText>
             </PoolBadgeWhite>
           </WrapperLabel>
           <Route entry={entry} />