diff --git a/src/components/HeaderView.vue b/src/components/HeaderView.vue
index f1ebcb1145cf4735844b5afa593df43411a579e1..925e2e56564d2460e1120c6771164d38cbe57a69 100644
--- a/src/components/HeaderView.vue
+++ b/src/components/HeaderView.vue
@@ -10,7 +10,8 @@
       bordered
       class="bg-secondary"
       >
-        <div class="full-height row justify-evenly">
+        <q-btn icon="close" class="q-mr-sm q-mt-sm" unelevated @click="openNav = false" style="max-height: 8%" />
+        <div class="full-height row justify-evenly" style="max-height: 90%">
           <HeaderButton class="col-6 row justify-center" icon="home" to="/#accueil" label="Accueil" />
           <HeaderButton class="col-6 row justify-center" icon="person" to="/#presentation" label="Présentation" />
           <HeaderButton class="col-6 row justify-center" icon="school" to="/#formations" label="Formations" />
@@ -19,7 +20,7 @@
           <HeaderButton class="col-6 row justify-center" icon="construction" to="/#projets" label="Projets" />
           <HeaderButton class="col-6 row justify-center" icon="mail" to="/#contacts" label="Contacts" />
         </div>
-        <q-linear-progress size="6px" color="accent" class="bg-dark" style="transform-origin: top left; transform: rotate(90deg) translateY(-100%); position: absolute; left: 296px; top: 0; width: 100vh" indeterminate :value="pageAdvanced" />
+        <q-linear-progress v-if="openNav" size="6px" color="accent" class="bg-dark" style="transform-origin: top left; transform: rotate(90deg) translateY(-100%); position: absolute; left: 296px; top: 0; width: 100vh" indeterminate :value="pageAdvanced" />
       </q-drawer>
       <q-btn flat round dense icon="menu" class="q-mr-sm" @click="openNav = !openNav" v-if="$q.screen.lt.md" />
       <div/>