From f2c8c7c67e81d258757daab818c8abfac4ecfeb1 Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Sat, 1 Sep 2018 10:03:02 +0200
Subject: [PATCH] Header's Provider UI changes

---
 src/components/Header/component/Provider/index.jsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Header/component/Provider/index.jsx b/src/components/Header/component/Provider/index.jsx
index 9a23d7d6..0c94016f 100644
--- a/src/components/Header/component/Provider/index.jsx
+++ b/src/components/Header/component/Provider/index.jsx
@@ -33,12 +33,18 @@ const styles = () => ({
     display: 'flex',
     cursor: 'pointer',
   },
+  network: {
+    fontFamily: 'Montserrat, sans-serif',
+  },
   account: {
     padding: `0 ${md} 0 ${sm}`,
     display: 'flex',
     flexDirection: 'column',
     justifyContent: 'center',
   },
+  address: {
+    letterSpacing: '-0.5px',
+  },
   expand: {
     width: '30px',
     height: '30px',
@@ -70,8 +76,8 @@ class Provider extends React.Component<Props> {
           <Col end="sm" middle="xs" className={classes.provider}>
             { connected && <Identicon address={userAddress} diameter={25} /> }
             <Col end="sm" middle="xs" layout="column" className={classes.account}>
-              <Paragraph size="sm" transform="capitalize" noMargin bold>{providerText}</Paragraph>
-              <Paragraph size="sm" noMargin>{cutAddress}</Paragraph>
+              <Paragraph size="sm" transform="capitalize" className={classes.network} noMargin bold>{providerText}</Paragraph>
+              <Paragraph size="sm" className={classes.address} noMargin>{cutAddress}</Paragraph>
             </Col>
             <IconButton
               onClick={toggle}