Tweaked search icon

src/components/DropdownMenu/DropdownMenu.scss

@@ -7,7 +7,7 @@
   cursor: pointer;
 
   min-height: 43px;
-  padding: 0 0.5rem;
+  margin: 0 5px;
   color: $actionColor;
 }
 

src/components/Layout/Layout.js

@@ -50,7 +50,11 @@ class Layout extends React.Component {
             <Flex align="center" className={ styles.actions }>
               { this.props.actions }
             </Flex>
-
+            <Flex>
+              <div className={ styles.search }>
+                <img src={ require('assets/icons/search.svg') } />
+              </div>
+            </Flex>
             <DropdownMenu label={
               <Avatar
                 circle

src/components/Layout/Layout.scss

@@ -59,6 +59,16 @@
 .headerRight {
 }
 
+.search {
+  margin: 0 5px;
+  padding: 15px 5px 0 5px;
+  cursor: pointer;
+
+  img {
+    height: 20px;
+  }
+}
+
 .content {
   display: flex;
   flex: 1;