diff --git a/src/components/Header/components/Layout.jsx b/src/components/Header/components/Layout.jsx
index 9674076d..6e21069c 100644
--- a/src/components/Header/components/Layout.jsx
+++ b/src/components/Header/components/Layout.jsx
@@ -16,7 +16,7 @@ import {
border, sm, md, headerHeight,
} from '~/theme/variables'
import Provider from './Provider'
-import EarlyAccessLabel from './EarlyAccessLabel'
+import NetworkLabel from './NetworkLabel'
import SafeListHeader from './SafeListHeader'
const logo = require('../assets/gnosis-safe-logo.svg')
@@ -74,7 +74,7 @@ const Layout = openHoc(
-
+
{(providerRef) => (
diff --git a/src/components/Header/components/EarlyAccessLabel.jsx b/src/components/Header/components/NetworkLabel.jsx
similarity index 73%
rename from src/components/Header/components/EarlyAccessLabel.jsx
rename to src/components/Header/components/NetworkLabel.jsx
index bcfb81eb..152b5efb 100644
--- a/src/components/Header/components/EarlyAccessLabel.jsx
+++ b/src/components/Header/components/NetworkLabel.jsx
@@ -1,20 +1,22 @@
// @flow
import * as React from 'react'
import { makeStyles } from '@material-ui/core/styles'
+import { getNetwork } from '~/config'
import Paragraph from '~/components/layout/Paragraph'
import Col from '~/components/layout/Col'
import {
xs, sm, md, border,
} from '~/theme/variables'
-export const TOGGLE_SIDEBAR_BTN_TESTID = 'TOGGLE_SIDEBAR_BTN'
+const network = getNetwork()
+const formattedNetwork = network[0].toUpperCase() + network.substring(1).toLowerCase()
const useStyles = makeStyles({
container: {
flexGrow: 0,
padding: `0 ${md}`,
},
- counter: {
+ text: {
background: border,
padding: `${xs} ${sm}`,
borderRadius: '3px',
@@ -28,8 +30,8 @@ const EarlyAccessLabel = () => {
return (
-
- Early access
+
+ {formattedNetwork}
)