diff --git a/front/src/components/auth/Logout.vue b/front/src/components/auth/Logout.vue
index 63e6898f6..8005d82be 100644
--- a/front/src/components/auth/Logout.vue
+++ b/front/src/components/auth/Logout.vue
@@ -5,6 +5,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'
 
 const store = useStore()
 const { t } = useI18n()
@@ -38,19 +39,19 @@ const labels = computed(() => ({
         {{ t('components.auth.Logout.button.logout') }}
       </Button>
     </div>
-    <div
+    <Alert yellow
       v-else
-      class="ui small text container"
     >
       <h2>
         {{ t('components.auth.Logout.header.unauthenticated') }}
       </h2>
-      <router-link
+      <Button
+        solid
+        primary
         to="/login"
-        class="ui button"
       >
         {{ t('components.auth.Logout.link.login') }}
-      </router-link>
-    </div>
+      </Button>
+    </Alert>
   </main>
 </template>