pixel push

src/components/BalanceSummary/index.js

@@ -56,7 +56,7 @@ const BalanceSummary = ({
               <Chart
                 id={chartId}
                 unit={account ? account.unit : null}
-                color={!isAvailable ? '#eee' : chartColor}
+                color={!isAvailable ? 'rgba(0,0,0,0.04)' : chartColor}
                 data={
                   isAvailable
                     ? balanceHistory

src/components/Onboarding/helperComponents.js

@@ -20,7 +20,7 @@ export const Title = styled(Box).attrs({
 export const StepContainerInner = styled(GrowScroll).attrs({ pb: 6, align: 'center' })``
 
 export const Description = styled(Box).attrs({
-  ff: 'Museo Sans|Light',
+  ff: 'Museo Sans|Regular',
   fontSize: 5,
   lineHeight: 1.5,
   textAlign: 'center',
@@ -28,7 +28,6 @@ export const Description = styled(Box).attrs({
 })`
   margin: 10px auto 25px;
   max-width: 600px;
-  font-weight: 500;
 `
 
 export const Inner = styled(Box).attrs({

src/components/Onboarding/steps/GenuineCheck.js

@@ -353,11 +353,9 @@ export function GenuineCheckFail({
   )
 }
 export const GenuineSuccessText = styled(Box).attrs({
-  ff: 'Open Sans|Regular',
+  ff: 'Open Sans|SemiBold',
   fontSize: 4,
-})`
-  font-weight: 600;
-`
+})``
 
 export const CardTitle = styled(Box).attrs({
   ff: 'Open Sans|SemiBold',

src/components/modals/OperationDetails.js

@@ -109,7 +109,7 @@ const OperationDetails = connect(mapStateToProps)((props: Props) => {
     <ModalBody onClose={onClose}>
       <ModalTitle>{t('app:operationDetails.title')}</ModalTitle>
       <ModalContent style={{ height: 500 }} mx={-5} pb={0}>
-        <GrowScroll px={5} pb={8}>
+        <GrowScroll px={5} pt={1} pb={8}>
           <Box flow={3}>
             <Box alignItems="center" mt={1}>
               <ConfirmationCheck