diff --git a/app/components/login/token-help.js b/app/components/login/token-help.js
index 8c2c472..9005268 100644
--- a/app/components/login/token-help.js
+++ b/app/components/login/token-help.js
@@ -13,16 +13,16 @@ const styles = StyleSheet.create({
   modal: {
     justifyContent: 'center',
     alignItems: 'center',
-    backgroundColor: GlobalStyles.get('CIRCLE_NAVBAR_BG'),
+    backgroundColor: GlobalStyles.get('CIRCLE_BG'),
     height: 200
   },
   title: {
     fontSize: 18,
-    color: GlobalStyles.get('CIRCLE_NAVBAR_TEXT'),
+    color: GlobalStyles.get('CIRCLE_TEXT'),
   },
   text: {
     fontSize: 13,
-    color: GlobalStyles.get('CIRCLE_NAVBAR_TEXT'),
+    color: GlobalStyles.get('CIRCLE_TEXT'),
     margin: 2,
     textAlign: 'center'
   },
diff --git a/app/components/routes/login.js b/app/components/routes/login.js
index f4e37e6..c258b49 100644
--- a/app/components/routes/login.js
+++ b/app/components/routes/login.js
@@ -25,7 +25,7 @@ const {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: GlobalStyles.get('CIRCLE_BG'),
+    backgroundColor: GlobalStyles.get('CIRCLE_NAVBAR_BG'),
   },
   contentWrapper: {
     flex: 0.85,
@@ -33,7 +33,7 @@ const styles = StyleSheet.create({
     alignItems: 'center'
   },
   input: {
-    fontSize: 13,
+    fontSize: 14,
     marginHorizontal: 25,
   },
   loginButton: {
@@ -59,20 +59,20 @@ const styles = StyleSheet.create({
     margin: 5
   },
   heading: {
-    fontSize: 14,
+    fontSize: 16,
   },
   helpText: {
-    fontSize: 10,
+    fontSize: 12,
     fontStyle: 'italic',
     margin: 5,
     padding: 5,
   },
   text: {
-    color: GlobalStyles.get('CIRCLE_TEXT'),
+    color: GlobalStyles.get('CIRCLE_NAVBAR_TEXT'),
   },
   icon: {
-    height: 65,
-    marginBottom: 50
+    height: 75,
+    marginBottom: 45
   }
 });