diff --git a/docs/index.html b/docs/index.html
index 6ee0e11e3..92ec444ef 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -48,10 +48,10 @@
       </h1>
       <label for="doc-drawer-checkbox" class="button drawer-toggle" style="position: absolute; right: 0; top: 0;"></label>
     </header>
-    <input type="text" id="searchInput" onkeyup="search()" placeholder="Search for snippet..">
     <div class="row" style="height: calc(100vh - 5.875rem);overflow: hidden;">
       <input id="doc-drawer-checkbox" class="drawer" value="on" type="checkbox">
         <nav id="snippetListDrawer" class="col-md-4 col-lg-3" style="border-top: 0">
+          <input type="text" id="searchInput" onkeyup="search()" placeholder="Search for snippet..">
           <label for="doc-drawer-checkbox" class="button drawer-close"></label>
           <!-- <div><input style="width: 100%; margin: 0px;" placeholder="Search..." id="search-bar" oninput="search()" type="search"></div> -->