diff --git a/packages/web/src/components/common/pool-graph/pool-graph-tooltip/PoolGraphTooltip.styles.ts b/packages/web/src/components/common/pool-graph/pool-graph-tooltip/PoolGraphTooltip.styles.ts index d5d5bd7b0..652f6b4ae 100644 --- a/packages/web/src/components/common/pool-graph/pool-graph-tooltip/PoolGraphTooltip.styles.ts +++ b/packages/web/src/components/common/pool-graph/pool-graph-tooltip/PoolGraphTooltip.styles.ts @@ -24,6 +24,11 @@ export const PoolGraphTooltipContainer = styled.div` flex-direction: row; align-items: center; + &.price { + width: 100%; + justify-content: flex-end; + } + &.price-range { justify-content: flex-end; } diff --git a/packages/web/src/components/common/pool-graph/pool-graph-tooltip/PoolGraphTooltip.tsx b/packages/web/src/components/common/pool-graph/pool-graph-tooltip/PoolGraphTooltip.tsx index abf331f44..3edc487c0 100644 --- a/packages/web/src/components/common/pool-graph/pool-graph-tooltip/PoolGraphTooltip.tsx +++ b/packages/web/src/components/common/pool-graph/pool-graph-tooltip/PoolGraphTooltip.tsx @@ -113,8 +113,8 @@ const PoolGraphTooltip: React.FC> = ({ {tooltipInfo.tokenA.symbol} {t("common:price")} - - {displayTooltipInfo.tokenAPriceRange} + + {displayTooltipInfo.tokenAPrice} @@ -131,8 +131,8 @@ const PoolGraphTooltip: React.FC> = ({ {tooltipInfo.tokenB.symbol} {t("common:price")} - - {displayTooltipInfo.tokenBPriceRange} + + {displayTooltipInfo.tokenBPrice}