From 8245bf010e22dda3e00c044429e3f5b880691fcb Mon Sep 17 00:00:00 2001
From: Alexander Tseung <alextsg@gmail.com>
Date: Mon, 21 May 2018 15:00:13 -0700
Subject: [PATCH] Update input field border on focus

---
 ui/app/components/text-field/text-field.component.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui/app/components/text-field/text-field.component.js b/ui/app/components/text-field/text-field.component.js
index 4107068b5..b695a449a 100644
--- a/ui/app/components/text-field/text-field.component.js
+++ b/ui/app/components/text-field/text-field.component.js
@@ -31,6 +31,7 @@ const styles = {
     },
   },
   formLabelFocused: {},
+  inputFocused: {},
   inputRoot: {
     'label + &': {
       marginTop: '8px',
@@ -41,7 +42,7 @@ const styles = {
     padding: '0 16px',
     display: 'flex',
     alignItems: 'center',
-    '&:focus': {
+    '&$inputFocused': {
       border: '1px solid #2f9ae0',
     },
   },
@@ -89,6 +90,7 @@ class TextField extends Component {
             root: material ? '' : classes.inputRoot,
             input: material ? '' : classes.input,
             underline: material ? classes.materialUnderline : '',
+            focused: material ? '' : classes.inputFocused,
           },
         }}
         {...textFieldProps}