diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index 8422c4750..a8fddc278 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -93,9 +93,10 @@ const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index'
       <div style="display:contents;" v-if="!store.state.auth.authenticated">
         <Layout flex grow no-gap>
           <Link :to="{ name: 'login' }"
-            primary solid
+            solid
             icon="bi-box-arrow-in-right"
             style="flex-grow:1"
+            class="active"
           >
             {{ t('components.common.UserMenu.link.login') }}
           </Link>