diff --git a/front/MyINPulse-front/src/App.vue b/front/MyINPulse-front/src/App.vue
index 4977758..a0b43a9 100644
--- a/front/MyINPulse-front/src/App.vue
+++ b/front/MyINPulse-front/src/App.vue
@@ -17,10 +17,14 @@ import ErrorWrapper from "@/views/errorWrapper.vue";
         :projectName="project.name"
         :listName="project.members"
       />
-    </div>
-  <div id="canvas">
-      <button @click="$router.push('/canvas')">Voir Canvas</button>
   </div>
+
+  <!-- this must used to open the canvas, in fact it's the "more info" button-->
+  <router-link to="/canvas">
+      <button>Voir Canvas</button>
+  </router-link>
+
+
   <RouterView />
 </template>