Polishe the Exchanges page

src/components/ExchangePage/index.js

@@ -44,13 +44,13 @@ class ExchangePage extends PureComponent<Props> {
     return (
       <Box pb={6}>
         <TrackPage category="Exchange" />
-        <Box ff="Museo Sans|Regular" color="dark" fontSize={7} mb={3}>
+        <Box ff="Museo Sans|Regular" fontSize={7} color="dark">
           {t('app:exchange.title')}
         </Box>
-        <Box ff="Museo Sans|Light" color="grey" fontSize={5} mb={5}>
+        <Box ff="Museo Sans|Light" fontSize={5} mb={5}>
           {t('app:exchange.desc')}
         </Box>
-        <Box flow={5}>{cards.map(card => <ExchangeCard key={card.key} t={t} card={card} />)}</Box>
+        <Box flow={3}>{cards.map(card => <ExchangeCard key={card.key} t={t} card={card} />)}</Box>
       </Box>
     )
   }

src/components/ManagerPage/AppsList.js

@@ -205,7 +205,7 @@ class AppsList extends PureComponent<Props, State> {
                     <ExclamationCircleThin size={44} />
                   </Box>
                   <Box
-                    color="black"
+                    color="dark"
                     mt={4}
                     fontSize={6}
                     ff="Museo Sans|Regular"
@@ -238,7 +238,7 @@ class AppsList extends PureComponent<Props, State> {
                     <CheckCircle size={44} />
                   </Box>
                   <Box
-                    color="black"
+                    color="dark"
                     mt={4}
                     fontSize={6}
                     ff="Museo Sans|Regular"

src/components/ManagerPage/Dashboard.js

@@ -22,7 +22,7 @@ const Dashboard = ({ device, deviceInfo, t }: Props) => (
   <Box flow={4} pb={8}>
     <TrackPage category="Manager" name="Dashboard" />
     <Box>
-      <Text ff="Museo Sans|Regular" fontSize={7} color="black">
+      <Text ff="Museo Sans|Regular" fontSize={7} color="dark">
         {t('app:manager.title')}
       </Text>
       <Text ff="Museo Sans|Light" fontSize={5}>

src/components/ManagerPage/ManagerGenuineCheck.js

@@ -31,7 +31,7 @@ class ManagerGenuineCheck extends PureComponent<Props> {
             alt="connect your device"
             style={{ marginBottom: 30, maxWidth: 362, width: '100%' }}
           />
-          <Text ff="Museo Sans|Regular" fontSize={7} color="black" style={{ marginBottom: 10 }}>
+          <Text ff="Museo Sans|Regular" fontSize={7} color="dark" style={{ marginBottom: 10 }}>
             {t('app:manager.device.title')}
           </Text>
           <Text ff="Museo Sans|Light" fontSize={5} color="grey" align="center">