diff --git a/src/views/layout.ecr b/src/views/layout.ecr
index fea565d1..26ad27fd 100644
--- a/src/views/layout.ecr
+++ b/src/views/layout.ecr
@@ -11,12 +11,19 @@
 </head>
 
 <body>
-  <div class="pure-menu pure-menu-horizontal">
-    <a href="" class="pure-menu-heading pure-menu-link">Invidious</a>
-  </div>
   <div class="pure-g">
     <div class="pure-u-1 pure-u-md-1-5"></div>
     <div class="pure-u-1 pure-u-md-3-5">
+      <div class="pure-g" style="padding:1em;">
+        <div class="pure-u-1 pure-u-md-1-5">
+          <a href="/" class="pure-menu-heading">Invidious</a>
+        </div>
+        <div class="pure-u-1 pure-u-md-4-5">
+          <form class="pure-form" action="/search" method="get">
+            <input type="search" style="width:100%;" name="q" placeholder="search" value="<%= env.params.query["q"]? %>">
+          </form>
+        </div>
+      </div>
       <%= content %>
     </div>
     <div class="pure-u-1 pure-u-md-1-5"></div>
