fix(swap): small design changes

blockchain · Jun 9, 2021 · 17c0b41 · 17c0b41
1 parent 9a52cee
commit 17c0b41
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/blockchain-wallet-v4-frontend/src/modals/Swap/PreviewSwap/index.tsx b/packages/blockchain-wallet-v4-frontend/src/modals/Swap/PreviewSwap/index.tsx
@@ -31,7 +31,7 @@ const StyledRow = styled(Row)`
   justify-content: flex-start;
   align-items: center;
   padding-top: 30px;
-  padding-bottom: 30px;
+  padding-bottom: 24px;
 
   & > div:first-child {
     width: 100%;
@@ -176,7 +176,7 @@ class PreviewSwap extends PureComponent<InjectedFormProps<{}, Props> & Props, St
                 </IconWrapper>
               </ExchangeRateRow>
             </Title>
-            <Value data-e2e='swapExchangeRate'>
+            <Value data-e2e='swapExchangeRate' style={{ marginTop: 0 }}>
               {this.props.quoteR.cata({
                 Failure: () => (
                   <Text size='14px' color='red600'>
@@ -186,9 +186,9 @@ class PreviewSwap extends PureComponent<InjectedFormProps<{}, Props> & Props, St
                 Loading: () => <SkeletonRectangle height='18px' width='70px' />,
                 NotAsked: () => <SkeletonRectangle height='18px' width='70px' />,
                 Success: (val) => (
-                  <>
+                  <Text weight={400} color='grey900'>
                     1 {baseCoinTicker} = {formatCoin(val.rate)} {counterCoinTicker}
-                  </>
+                  </Text>
                 )
               })}
             </Value>