diff --git a/front/MyINPulse-front/src/components/canvas/HeaderCanvas.vue b/front/MyINPulse-front/src/components/canvas/HeaderCanvas.vue
index 37caabb..921d719 100644
--- a/front/MyINPulse-front/src/components/canvas/HeaderCanvas.vue
+++ b/front/MyINPulse-front/src/components/canvas/HeaderCanvas.vue
@@ -13,6 +13,7 @@
         </a>
 
         <div class="header-actions">
+            <button class="return-button" @click="store.logout">Logout</button>
             <div ref="dropdownRef" class="dropdown-wrapper">
                 <button class="contact-button" @click.stop="toggleDropdown">
                     Contact
@@ -39,6 +40,7 @@
 <script setup lang="ts">
 import { ref, onMounted, onBeforeUnmount } from "vue";
 import axios from "axios";
+import { store } from "@/main.ts";
 
 const IS_MOCK_MODE = true;
 const dropdownRef = ref<HTMLElement | null>(null); // ref pour le dropdown