fix pool route line (#401)

jediswaplabs · Aug 19, 2024 · 672e561 · 672e561
1 parent 05c0c62
commit 672e561
Showing 1 changed file with 7 additions and 1 deletion.
diff --git 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} />