fix: add empty space between amounts

cowprotocol · Aug 31, 2023 · 0c4f9b1 · 0c4f9b1
1 parent 49baa10
commit 0c4f9b1
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/src/components/Tooltip.tsx b/src/components/Tooltip.tsx
@@ -269,7 +269,7 @@ const HelperSpan = styled.span`
   cursor: pointer;
   transition: color 0.1s;
   display: flex;
-  padding: 0 0.6rem 0 0;
+  padding: 0 0.6rem;
 
   .default-icon-tooltip {
     color: ${({ theme }): string => theme.grey};

diff --git a/src/components/common/SurplusComponent/index.tsx b/src/components/common/SurplusComponent/index.tsx
@@ -66,7 +66,7 @@ export const SurplusComponent: React.FC<SurplusComponentProps> = (props) => {
   return (
     <Wrapper className={className}>
       {icon && <IconWrapper icon={icon} color={iconColor} />}
-      <Percentage>{showPercentage ? formatPercentage(percentage) : amountDisplay}</Percentage>
+      <Percentage>{showPercentage ? formatPercentage(percentage) : amountDisplay}</Percentage> &nbsp;
       {showPercentage && amountDisplay}
     </Wrapper>
   )

diff --git a/src/components/orders/OrderPriceDisplay/index.tsx b/src/components/orders/OrderPriceDisplay/index.tsx
@@ -84,8 +84,7 @@ export function OrderPriceDisplay(props: Props): JSX.Element {
   return (
     <Wrapper>
       <span>
-        <span>{formattedPrice}</span>
-        <span>{quoteSymbol}</span>
+        <span>{formattedPrice}</span> &nbsp;<span>{quoteSymbol}</span>
       </span>
       <span>
         for {baseSymbol}