diff --git a/.env.example b/.env.example
index c08e394..60c3460 100644
--- a/.env.example
+++ b/.env.example
@@ -1,5 +1,6 @@
 REACT_APP_API_URL=http://localhost:3001
 REACT_APP_ALLOW_SIGNUP=true
+REACT_APP_DEV_MODE=false
 REACT_APP_MAINTENANCE_MODE=false
 REACT_APP_HEAP_PROJECT_ID=111111111
-REACT_APP_FULLSTORY_ORG_ID=11111
\ No newline at end of file
+REACT_APP_FULLSTORY_ORG_ID=11111
diff --git a/.github/workflows/heroku-deploy.yml b/.github/workflows/heroku-deploy.yml
index 15bffa8..6241ae9 100644
--- a/.github/workflows/heroku-deploy.yml
+++ b/.github/workflows/heroku-deploy.yml
@@ -21,3 +21,4 @@ jobs:
           HD_REACT_APP_MAINTENANCE_MODE: ${{secrets.REACT_APP_MAINTENANCE_MODE}}
           HD_REACT_APP_HEAP_PROJECT_ID: ${{secrets.REACT_APP_HEAP_PROJECT_ID}}
           HD_REACT_APP_FULLSTORY_ORG_ID: ${{secrets.REACT_APP_FULLSTORY_ORG_ID}}
+          HD_REACT_APP_DEV_MODE: ${{secrets.REACT_APP_DEV_MODE}}
diff --git a/src/components/Config/Config.tsx b/src/components/Config/Config.tsx
index f9a1850..4b5be54 100644
--- a/src/components/Config/Config.tsx
+++ b/src/components/Config/Config.tsx
@@ -1,5 +1,5 @@
 import { useCallback, useMemo, useState } from 'react';
-import { Form, Modal, Button, Typography, Radio, Alert } from 'antd';
+import { Form, Modal, Button, Typography, Radio, Alert, Space } from 'antd';
 import styled from 'styled-components';
 
 import { Network, ChainId, ConfirmationTime, ethereum, strategyPathKey } from '../../constants';
@@ -9,6 +9,7 @@ import CopyInput from '../CopyInput';
 import PageTitle from '../PageTitle';
 import ConnectionSettings from './ConnectionSettings';
 import FirefoxAlert from './FirefoxAlert';
+import { DEV_MODE } from '../../env';
 
 const { Link, Text } = Typography;
 
@@ -49,7 +50,7 @@ function Config() {
     if (confirmationTime) {
       url += `&confirmationTime=${confirmationTime}`;
     }
-    url += `&network=${network.toLowerCase()}`;
+    url += `&network=${network}`;
 
     return url;
   }, [confirmationTime, draft, gasPriceAware, network, user.apiKey, user.login]);
@@ -114,12 +115,20 @@ function Config() {
             size="large"
             className="title"
           >
-            <img alt="eth-network-icon" src="/assets/eth.svg" width="36" height="36" className="network-icon" />
-            <Radio value={Network.ethereum} className="radiobuttons">
-              Ethereum
-            </Radio>
-            <img alt="arb-network-icon" src="/assets/arbitrum.svg" width="36" height="36" className="network-icon" />
-            <Radio value={Network.arbitrum}>Arbitrum (MAGIC)</Radio>
+            <Space>
+              <img alt="eth-network-icon" src="/assets/eth.svg" className="network-icon" />
+              <Radio value={Network.ethereum}>Ethereum</Radio>
+              <img alt="arb-network-icon" src="/assets/arbitrum.svg" className="network-icon" />
+              <Radio value={Network.arbitrum}>Arbitrum (MAGIC) </Radio>
+            </Space>
+            {DEV_MODE && (
+              <Space>
+                <img alt="ropsten-network-icon" src="/assets/eth.svg" className="network-icon" />
+                <Radio value={Network.ropsten}>Ropsten (TESTNET)</Radio>
+                <img alt="arb-network-icon" src="/assets/arbitrum.svg" className="network-icon" />
+                <Radio value={Network.arbitrumRinkeby}>Rinkeby (TESTNET)</Radio>
+              </Space>
+            )}
           </Radio.Group>
 
           {network === Network.ethereum && (
@@ -243,18 +252,21 @@ const Container = styled.div`
   .title {
     font-weight: 300;
     margin-bottom: 20px;
+    text-align: center;
   }
+
   .subtitle {
     font-weight: 300;
     font-size: 1.8rem;
     margin-bottom: 20px;
   }
-  .radiobuttons {
-    margin-right: 90px;
-  }
+
   .network-icon {
-    margin: 0 15px 8px;
+    margin: 3px 15px;
+    width: 36px;
+    height: 36px;
   }
+
   p {
     font-weight: 300;
   }
diff --git a/src/env.ts b/src/env.ts
index 883cf7c..2551573 100644
--- a/src/env.ts
+++ b/src/env.ts
@@ -4,3 +4,4 @@ export const API_URL = process.env.REACT_APP_API_URL as string;
 export const FULLSTORY_ORG_ID = process.env.REACT_APP_FULLSTORY_ORG_ID as string;
 export const ALLOW_SIGNUP = isTruthy(process.env.REACT_APP_ALLOW_SIGNUP as any);
 export const MAINTENANCE_MODE = isTruthy(process.env.REACT_APP_MAINTENANCE_MODE as any);
+export const DEV_MODE = isTruthy(process.env.REACT_APP_DEV_MODE as any);