diff --git a/src/components/Header/component/ProviderDetails/UserDetails.jsx b/src/components/Header/component/ProviderDetails/UserDetails.jsx
index b9915ce5..355cedbd 100644
--- a/src/components/Header/component/ProviderDetails/UserDetails.jsx
+++ b/src/components/Header/component/ProviderDetails/UserDetails.jsx
@@ -7,7 +7,6 @@ import Paragraph from '~/components/layout/Paragraph'
import Button from '~/components/layout/Button'
import Identicon from '~/components/Identicon'
import Dot from '@material-ui/icons/FiberManualRecord'
-import Bold from '~/components/layout/Bold'
import Hairline from '~/components/layout/Hairline'
import Img from '~/components/layout/Img'
import Row from '~/components/layout/Row'
@@ -50,10 +49,11 @@ const styles = () => ({
borderRadius: '3px',
backgroundColor: background,
margin: '0 auto',
- padding: sm,
+ padding: '9px',
+ lineHeight: 1,
},
details: {
- padding: `0 ${lg}`,
+ padding: `0 ${md}`,
height: '20px',
alignItems: 'center',
},
@@ -61,6 +61,11 @@ const styles = () => ({
flexGrow: 1,
textAlign: 'center',
letterSpacing: '-0.5px',
+ fontSize: '12px',
+ },
+ labels: {
+ fontSize: '12px',
+ letterSpacing: '0.5px',
},
open: {
paddingLeft: sm,
@@ -121,33 +126,29 @@ const UserDetails = ({
- Status
+ Status
-
-
- {status}
-
+
+ {status}
- Client
+ Client
-
-
-
- {upperFirst(provider)}
-
+
+
+ {upperFirst(provider)}
- Network
+ Network
-
-
- {upperFirst(network)}
+
+
+ {upperFirst(network)}
@@ -159,7 +160,7 @@ const UserDetails = ({
color="primary"
fullWidth
>
- DISCONNECT
+ DISCONNECT