fix: price impact padding

shapeshift · Aug 16, 2023 · 1800acd · 1800acd
1 parent 3b5df75
commit 1800acd
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/MultiHopTrade/components/TradeConfirm/TradeConfirm.tsx b/src/components/MultiHopTrade/components/TradeConfirm/TradeConfirm.tsx
@@ -484,9 +484,11 @@ export const TradeConfirm = () => {
                   </Box>
                 </Row>
               )}
-              {isModeratePriceImpact && (
-                <PriceImpact impactPercentage={bn(priceImpactPercentage).toFixed(2)} />
-              )}
+              <Row px={4}>
+                {isModeratePriceImpact && (
+                  <PriceImpact impactPercentage={bn(priceImpactPercentage).toFixed(2)} />
+                )}
+              </Row>
               <Row px={4}>
                 <HelperTooltip label={translate('trade.tooltip.rate')}>
                   <Row.Label>