Select design updates (no more blinks)

src/components/SelectAccount/index.js

@@ -24,12 +24,12 @@ const mapStateToProps: MapStateToProps<*, *, *> = state => ({
 const renderItem = item => (
   <Box horizontal alignItems="center">
     <Box grow>
-      <Text color="dark" fontSize={0} fontWeight="bold">
+      <Text color="dark" fontSize={4} fontWeight="bold">
         {item.name}
       </Text>
     </Box>
     <Box>
-      <Text color="mouse" fontSize={0}>
+      <Text color="mouse" fontSize={4}>
         {formatBTC(item.balance)}
       </Text>
     </Box>
@@ -51,6 +51,7 @@ export const SelectAccount = ({ accounts, onChange, value, t }: Props) => (
     keyProp="id"
     items={accounts}
     placeholder={t('SelectAccount.placeholder')}
+    fontSize={4}
     onChange={onChange}
   />
 )

src/components/base/Select/index.js

@@ -37,8 +37,9 @@ const Container = styled(Box).attrs({ relative: true, color: 'graphite' })``
 const TriggerBtn = styled(Box).attrs({
   ff: 'Open Sans|SemiBold',
   p: 4,
+  pr: 5,
 })`
-  min-height: 58px;
+  min-height: 64px;
   ${space};
   border: 1px solid ${p => p.theme.colors.mouse};
   border-radius: 3px;

src/components/modals/Send.js

@@ -29,9 +29,9 @@ const Steps = {
         }
       }}
     >
-      <Box flow={3}>
+      <Box flow={5}>
         <Text fontSize={6}>{t('send.title')}</Text>
-        <Box flow={1}>
+        <Box flow={2}>
           <Label>Account to debit</Label>
           <SelectAccount onChange={props.onChangeInput('account')} value={props.value.account} />
         </Box>