Release/2.26.0

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};

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>
   )

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}