Solve confict

src/components/EnhancedSearch.js

@@ -30,11 +30,8 @@ const styles = theme => ({
   },
   textField: {
     flexBasis: 280,
+    borderColor: "#139657"
   },
-  focused: {
-    color: '#139657',
-    backgroundColor: '#139657',
-  }
 });
 
 /**
@@ -53,10 +50,9 @@ class EnhancedSearch extends Component {
 				<div className="search-books-bar">
 					<div className="search-books-input-wrapper" style={{ textAlign: 'left', marginLeft: 20}}>
 						<TextField
-							style={{ textAlign: 'left', width: 350 }}
+							style={{ textAlign: 'left', width: 350,borderColor: "#139657" }}
 							id="outlined-adornment-weight"
 							className={classNames(classes.margin, classes.textField)}
-              classes={{ focused: classes.focused }}
 		          variant="outlined"
 		          label="Search"
               placeholder="Enter search term"
@@ -84,7 +80,7 @@ class EnhancedSearch extends Component {
 				</div>
 			</div>
 		);
-	}
+	};
 }
 
 // Type checking the props of the component