Fix input box padding and select highlight in new account create and import page.

2 files changed, 11 insertions, 1 deletions

diff --git a/ui/app/accounts/new-account/index.js b/ui/app/accounts/new-account/index.js
index cd096a403..acf0dc6e4 100644
--- a/ui/app/accounts/new-account/index.js
+++ b/ui/app/accounts/new-account/index.js
@@ -17,7 +17,6 @@ function mapStateToProps (state) {
 
 function mapDispatchToProps (dispatch) {
   return {
-    // Is this supposed to be used somewhere?
     displayForm: form => dispatch(actions.setNewAccountForm(form)),
     showQrView: (selected, identity) => dispatch(actions.showQrView(selected, identity)),
     showExportPrivateKeyModal: () => {
diff --git a/ui/app/css/itcss/components/new-account.scss b/ui/app/css/itcss/components/new-account.scss
index e14f567e1..c5e4ea761 100644
--- a/ui/app/css/itcss/components/new-account.scss
+++ b/ui/app/css/itcss/components/new-account.scss
@@ -80,8 +80,14 @@
 
     .Select-control,
     .Select-control:hover {
+      height: 100%;
       border: none;
       box-shadow: none;
+
+      .Select-value {
+        display: flex;
+        align-items: center;
+      }
     }
   }
 
@@ -108,6 +114,10 @@
     border-radius: 4px;
     background-color: $white;
     margin-top: 16px;
+    color: $scorpion;
+    font-family: Roboto;
+    font-size: 16px;
+    padding: 0px 20px;
   }
 
   &__json {
@@ -144,6 +154,7 @@
     font-size: 16px;
     line-height: 21px;
     margin-top: 15px;
+    padding: 0px 20px;
   }
 
   &__buttons {