diff --git a/app/routes/home/components/Home.js b/app/routes/home/components/Home.js
index 1682bec4..ae487873 100644
--- a/app/routes/home/components/Home.js
+++ b/app/routes/home/components/Home.js
@@ -1,12 +1,18 @@
 // @flow
 import React, { Component } from 'react'
+import { MdSearch } from 'react-icons/lib/md'
 import styles from './Home.scss'
 
 class Home extends Component {
   render() {
     return (
       <div>
-        yo
+        <div className={styles.search}>
+        	<label className={`${styles.label} ${styles.input}`}>
+        		<MdSearch />
+        	</label>
+        	<input className={`${styles.text} ${styles.input}`} placeholder='Search transactions by amount, pubkey, channel' type='text' />
+        </div>
       </div>
     )
   }
diff --git a/app/routes/home/components/Home.scss b/app/routes/home/components/Home.scss
index e69de29b..bab509cc 100644
--- a/app/routes/home/components/Home.scss
+++ b/app/routes/home/components/Home.scss
@@ -0,0 +1,29 @@
+.search {
+	height: 75px;
+	padding: 2px;
+	border-bottom: 1px solid #EBEBEB;
+
+	.input {
+		display: inline-block;
+		vertical-align: top;
+		height: 100%;
+	}
+
+	.label {
+		width: 5%;
+		line-height: 70px;
+		font-size: 25px;
+		text-align: center;
+		cursor: pointer;
+	}
+
+	.text {
+		width: 95%;
+		outline: 0;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+    height: 68px;
+    font-size: 18px;
+	}
+}
\ No newline at end of file