diff --git a/front/src/components/auth/Logout.vue b/front/src/components/auth/Logout.vue
index 470114c23..3e2a6f300 100644
--- a/front/src/components/auth/Logout.vue
+++ b/front/src/components/auth/Logout.vue
@@ -47,14 +47,15 @@ const labels = computed(() => ({
       <h2>
         {{ t('components.auth.Logout.header.unauthenticated') }}
       </h2>
-      <Link
-        solid
-        secondary
-        button-width
-        to="/login"
-      >
-        {{ t('components.auth.Logout.link.login') }}
-      </Link>
+      <template #actions>
+        <Link
+          solid
+          primary
+          to="/login"
+        >
+          {{ t('components.auth.Logout.link.login') }}
+        </Link>
+      </template>
     </Alert>
   </main>
 </template>