diff --git a/client/src/components/molecules/NetworkSwitcher.tsx b/client/src/components/molecules/NetworkSwitcher.tsx
index 9cfbfe9..1d8b87c 100644
--- a/client/src/components/molecules/NetworkSwitcher.tsx
+++ b/client/src/components/molecules/NetworkSwitcher.tsx
@@ -56,8 +56,15 @@ export function NetworkSwitcher() {
                 {Object.keys(CONNECTIONS).map((networkName, i) => (
                     <li
                         key={i}
-                        style={{ cursor: 'pointer' }}
                         onClick={() => switchNetwork(networkName)}
+                        style={{
+                            cursor: 'pointer',
+                            color:
+                                userContext.network.toUpperCase() ===
+                                networkName.toUpperCase()
+                                    ? 'red'
+                                    : ''
+                        }}
                     >
                         <span style={{ textTransform: 'capitalize' }}>
                             {networkName}
@@ -65,9 +72,6 @@ export function NetworkSwitcher() {
                     </li>
                 ))}
             </ul>
-            <em style={{ textTransform: 'capitalize' }}>
-                {userContext.network}
-            </em>
         </div>
     )
 }
diff --git a/client/src/context/UserProvider.tsx b/client/src/context/UserProvider.tsx
index 07df85e..1125830 100644
--- a/client/src/context/UserProvider.tsx
+++ b/client/src/context/UserProvider.tsx
@@ -16,6 +16,8 @@ console.log({ oceanConfig })
 
 const { nodeUri } = oceanConfig
 
+console.log(oceanConfig)
+
 const POLL_ACCOUNTS = 1000 // every 1s
 const POLL_NETWORK = POLL_ACCOUNTS * 60 // every 1 min
 const DEFAULT_WEB3 = new Web3(new Web3.providers.HttpProvider(nodeUri)) // default web3