diff --git a/_assets/package.json b/_assets/package.json
index 5a8b7267..a8d63b3f 100644
--- a/_assets/package.json
+++ b/_assets/package.json
@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "filesize": "^3.5.10",
+    "hammerjs": "^2.0.8",
     "moment": "^2.18.1",
     "vue": "^2.3.3",
     "vue-router": "^2.7.0",
diff --git a/_assets/src/components/Main.vue b/_assets/src/components/Main.vue
index cc39902a..2d66626f 100644
--- a/_assets/src/components/Main.vue
+++ b/_assets/src/components/Main.vue
@@ -2,6 +2,9 @@
   <div :class="{ multiple, loading }">
     <header>
       <div>
+        <button aria-label="Toggle sidebar" title="Toggle sidebar" class="action">
+          <i class="material-icons">menu</i>
+        </button>
         <img src="../assets/logo.svg" alt="File Manager">
         <search></search>
       </div>
diff --git a/_assets/src/components/Search.vue b/_assets/src/components/Search.vue
index 032248c0..197885c5 100644
--- a/_assets/src/components/Search.vue
+++ b/_assets/src/components/Search.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="search" @click="open" v-bind:class="{ active , ongoing }">
     <div id="input">
-      <button v-if="active" class="action" @click="close" >
+      <button v-if="active" class="action" @click="close">
         <i class="material-icons">arrow_back</i>
       </button>
       <i v-else class="material-icons">search</i>