diff --git a/src/components/Tooltip.tsx b/src/components/Tooltip.tsx
index c9424f9c7..a4c66d0f7 100644
--- 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
index 862149ac5..59e6f5852 100644
--- 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
index 59ac82688..40aef20bf 100644
--- 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}