diff --git a/front/src/components/auth/Logout.vue b/front/src/components/auth/Logout.vue
index 8005d82be..3abdcfeae 100644
--- a/front/src/components/auth/Logout.vue
+++ b/front/src/components/auth/Logout.vue
@@ -6,6 +6,7 @@ import { useStore } from '~/store'
 import Button from '~/components/ui/Button.vue'
 import Spacer from '~/components/ui/layout/Spacer.vue'
 import Alert from '~/components/ui/Alert.vue'
+import Link from '~/components/ui/Link.vue'
 
 const store = useStore()
 const { t } = useI18n()
@@ -45,13 +46,14 @@ const labels = computed(() => ({
       <h2>
         {{ t('components.auth.Logout.header.unauthenticated') }}
       </h2>
-      <Button
+      <Link
         solid
         primary
+        buttonWidth
         to="/login"
       >
         {{ t('components.auth.Logout.link.login') }}
-      </Button>
+      </Link>
     </Alert>
   </main>
 </template>