diff --git a/src/components/EnhancedSearch.js b/src/components/EnhancedSearch.js
index 465b462..d3d43dc 100644
--- a/src/components/EnhancedSearch.js
+++ b/src/components/EnhancedSearch.js
@@ -30,11 +30,8 @@ const styles = theme => ({
   },
   textField: {
     flexBasis: 280,
+    borderColor: "#139657"
   },
-  focused: {
-    color: '#139657',
-    backgroundColor: '#139657',
-  }
 });
 
 /**
@@ -53,19 +50,18 @@ 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"
+		          variant="outlined"
+		          label="Search"
               placeholder="Enter search term"
-              value={query}
-              onChange={(event) => onUpdateQuery(event.target.value)}
-              InputProps={{
-                startAdornment: <InputAdornment position="start"><Search /></InputAdornment>,
-              }}
-              />
+		          value={query}
+		          onChange={(event) => onUpdateQuery(event.target.value)}
+		          InputProps={{
+		            startAdornment: <InputAdornment position="start"><Search /></InputAdornment>,
+		          }}
+		        />
 						<br />
             {this.props.showSearchColumns && this.props.columns.map(column => (
               <FormControlLabel
@@ -84,7 +80,7 @@ class EnhancedSearch extends Component {
 				</div>
 			</div>
 		);
-	}
+	};
 }
 
 // Type checking the props of the component