From e683887ea4f8503e591dac96952851376baa2707 Mon Sep 17 00:00:00 2001
From: Jonathan Rainville <rainville.jonathan@gmail.com>
Date: Thu, 18 Oct 2018 13:31:40 -0400
Subject: [PATCH] fix bar's css

---
 embark-ui/src/components/SearchBar.js | 2 +-
 embark-ui/src/components/search.css   | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/embark-ui/src/components/SearchBar.js b/embark-ui/src/components/SearchBar.js
index 0fe621baf..edf7b095d 100644
--- a/embark-ui/src/components/SearchBar.js
+++ b/embark-ui/src/components/SearchBar.js
@@ -38,7 +38,7 @@ class SearchBar extends React.Component {
           <Form inline className="search-bar float-right my-2">
             <FormGroup>
               <Input type="text" name="search-bar" placeholder="Search by Address / Txhash / Block" onChange={(e) => this.onChange(e)}
-                     value={this.state.searchValue} onKeyPress={e => this.onKeyPress(e)} style={{"border": "1px solid #e4e7ea", "width": "330px"}} />
+                     value={this.state.searchValue} onKeyPress={e => this.onKeyPress(e)} />
               <Button color="secondary" onClick={(e) => this.onSubmit(e)}>
                 <FontAwesome name="search"/>
               </Button>
diff --git a/embark-ui/src/components/search.css b/embark-ui/src/components/search.css
index 6d1acf13e..13fc764d2 100644
--- a/embark-ui/src/components/search.css
+++ b/embark-ui/src/components/search.css
@@ -1,9 +1,15 @@
 #root .search-bar input {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
-  border: 0;
   outline: none;
   box-shadow: none;
+  width: 330px;
+  border: 1px solid #c8ced3;
+  border-right: 0;
+}
+
+#root .dark-theme .search-bar input {
+  border: 0;
 }
 
 #root .search-bar button {