diff --git a/src/components/header.module.css b/src/components/header.module.css
index 81dd4ab0a92..7f0ae8e5fe8 100644
--- a/src/components/header.module.css
+++ b/src/components/header.module.css
@@ -52,6 +52,9 @@
 .searchDesktop {
   display: none;
   margin-left: 24px;
+  padding-right: 20px;
+  border: 1px solid rgba(255, 255, 255, 0.6);
+  border-radius: 25px;
 }
 
 @media (min-width: 1012px) {
diff --git a/src/components/search.js b/src/components/search.js
index a6d41180b8d..a674da3317b 100644
--- a/src/components/search.js
+++ b/src/components/search.js
@@ -81,7 +81,10 @@ export const Desktop = props => {
             <SearchResults {...rest} />
           </LightTheme>
         ) : null}
+
       </div>
+            <SearchIcon style={{color: ' rgba(255, 255, 255, 0.6)'}}/>
+
     </div>
   )
 }
@@ -192,6 +195,7 @@ export const Mobile = ({
                   {...getMenuProps()}
                 >
                   {resultsOpen ? <SearchResults {...rest} /> : null}
+
                 </LightTheme>
               </div>
             </div>