diff --git a/client/src/components/EventBilling/EventBilling.vue b/client/src/components/EventBilling/EventBilling.vue
index 416fc9f4a..4f755e496 100644
--- a/client/src/components/EventBilling/EventBilling.vue
+++ b/client/src/components/EventBilling/EventBilling.vue
@@ -84,7 +84,6 @@
                 :key="beneficiaries[0].id"
                 :to="`/beneficiaries/${beneficiaries[0].id}`"
                 :title="$t('action-edit')"
-                tag="a"
               >
                 {{ beneficiaries[0].full_name }}
               </router-link>
diff --git a/client/src/components/EventOverview/EventOverview.vue b/client/src/components/EventOverview/EventOverview.vue
index 8454ed685..4d8803730 100644
--- a/client/src/components/EventOverview/EventOverview.vue
+++ b/client/src/components/EventOverview/EventOverview.vue
@@ -31,7 +31,6 @@
                 <router-link
                   :to="`/beneficiaries/${beneficiary.id}`"
                   :title="$t('action-edit')"
-                  tag="a"
                 >
                   {{ beneficiary.full_name }}
                 </router-link>
@@ -39,7 +38,6 @@
                   v-if="beneficiary.company"
                   :to="`/companies/${beneficiary.company_id}`"
                   :title="$t('action-edit')"
-                  tag="a"
                 >
                   ({{ beneficiary.company.legal_name }})
                 </router-link>
@@ -64,7 +62,6 @@
                 <router-link
                   :key="technician.id"
                   :to="`/technicians/${technician.id}`"
-                  tag="a"
                   class="EventOverview__info__link"
                   :title="$t('action-edit')"
                 >
diff --git a/client/src/components/MainHeader/TopMenu/TopMenu.scss b/client/src/components/MainHeader/TopMenu/TopMenu.scss
index 614c086ce..15b200b34 100644
--- a/client/src/components/MainHeader/TopMenu/TopMenu.scss
+++ b/client/src/components/MainHeader/TopMenu/TopMenu.scss
@@ -24,6 +24,8 @@
     right: 0;
     width: $main-header-dropdown-width;
     z-index: 99;
+    margin: 0;
+    padding: 0;
     background: $bg-color-main-header;
     box-shadow: -2px 6px 6px rgba(0, 0, 0, 0.25);
     transform-origin: 50% 0%;
@@ -44,6 +46,15 @@
         font-size: $side-nav-icon-size;
         margin-right: $content-padding-small-vertical;
       }
+
+      &--active {
+        background-color: $bg-color-side-menu-item-active;
+        color: $link-active-color;
+
+        &:hover {
+          background-color: $bg-color-side-menu-item-active;
+        }
+      }
     }
 
     &--open {
diff --git a/client/src/components/MainHeader/TopMenu/TopMenu.vue b/client/src/components/MainHeader/TopMenu/TopMenu.vue
index dae98379f..a2267a51f 100644
--- a/client/src/components/MainHeader/TopMenu/TopMenu.vue
+++ b/client/src/components/MainHeader/TopMenu/TopMenu.vue
@@ -5,35 +5,38 @@
       <i v-show="!isDropdownMenuOpen" class="fas fa-chevron-down" />
       <i v-show="isDropdownMenuOpen" class="fas fa-chevron-up" />
     </div>
-    <div
+    <ul
       class="TopMenu__dropdown"
       :class="{ 'TopMenu__dropdown--open': isDropdownMenuOpen }"
     >
       <div class="TopMenu__dropdown__nickname">{{ nickname }}</div>
-      <router-link
-        to="/profile"
-        tag="div"
-        class="TopMenu__dropdown__item"
-      >
-        <i class="fas fa-user-alt" />
-        {{$t('your-profile')}}
+      <router-link to="/profile" custom v-slot="{ navigate, isActive }">
+        <li
+          @click="navigate"
+          class="TopMenu__dropdown__item"
+          :class="{ 'TopMenu__dropdown__item--active': isActive }"
+        >
+          <i class="fas fa-user-alt" />
+          {{$t('your-profile')}}
+        </li>
       </router-link>
-      <router-link
-        to="/settings"
-        tag="div"
-        class="TopMenu__dropdown__item"
-      >
-        <i class="fas fa-cogs" />
-        {{$t('your-settings')}}
+      <router-link to="/settings" custom v-slot="{ navigate, isActive }">
+        <li
+          @click="navigate"
+          class="TopMenu__dropdown__item"
+          :class="{ 'TopMenu__dropdown__item--active': isActive }"
+        >
+          <i class="fas fa-cogs" />
+          {{$t('your-settings')}}
+        </li>
       </router-link>
       <div
         class="TopMenu__dropdown__item"
         @click="logout"
       >
-        <i class="fas fa-power-off" />
-          {{$t('logout-quit')}}
+        <i class="fas fa-power-off" /> {{$t('logout-quit')}}
       </div>
-    </div>
+    </ul>
   </div>
 </template>
 
diff --git a/client/src/components/MultipleItem/MultipleItem.vue b/client/src/components/MultipleItem/MultipleItem.vue
index ce834a9d5..0b7ced22a 100644
--- a/client/src/components/MultipleItem/MultipleItem.vue
+++ b/client/src/components/MultipleItem/MultipleItem.vue
@@ -53,12 +53,10 @@
           </span>
           <div v-if="search.length >= minSearchCharacters">
             <p>{{ $t('no-result-found-try-another-search') }}</p>
-            <router-link
-              :to="createItemPath"
-              tag="button"
-              class="success"
-            >
-              {{ $t('create-select-item-label', { label: $t(label) }) }}
+            <router-link :to="createItemPath" v-slot="{ navigate }" custom>
+              <button @click="navigate" class="success">
+                {{ $t('create-select-item-label', { label: $t(label) }) }}
+              </button>
             </router-link>
           </div>
         </template>
diff --git a/client/src/components/PersonForm/PersonForm.vue b/client/src/components/PersonForm/PersonForm.vue
index 5ca87b524..86be7aedf 100644
--- a/client/src/components/PersonForm/PersonForm.vue
+++ b/client/src/components/PersonForm/PersonForm.vue
@@ -42,10 +42,12 @@
         <router-link
           v-if="person.company_id"
           :to="`/companies/${person.company_id}`"
-          class="PersonForm__company__edit-btn info"
-          tag="button"
+          v-slot="{ navigate }"
+          custom
         >
-          <i class="fas fa-edit" /> {{ $t('page-companies.edit-btn') }}
+          <button class="PersonForm__company__edit-btn info" @click="navigate">
+            <i class="fas fa-edit" /> {{ $t('page-companies.edit-btn') }}
+          </button>
         </router-link>
       </div>
       <router-link to="/companies/new" class="PersonForm__add-company">
diff --git a/client/src/components/SideNav/SideMenu/SideMenu.vue b/client/src/components/SideNav/SideMenu/SideMenu.vue
index 94ac84263..0750b6bbf 100644
--- a/client/src/components/SideNav/SideMenu/SideMenu.vue
+++ b/client/src/components/SideNav/SideMenu/SideMenu.vue
@@ -2,75 +2,123 @@
   <div class="SideMenu">
     <router-link
       to="/"
-      tag="li"
       exact
-      class="SideMenu__item"
+      custom
+      v-slot="{ navigate, isActive }"
     >
-      <i class="fas fa-calendar-alt" /><br>
-      <span class="SideMenu__item__title">{{$t('page-calendar.title')}}</span>
+      <li
+        @click="navigate"
+        class="SideMenu__item"
+        :class="{ 'SideMenu__item--active': isActive }"
+      >
+        <i class="fas fa-calendar-alt" /><br>
+        <span class="SideMenu__item__title">{{$t('page-calendar.title')}}</span>
+      </li>
     </router-link>
     <router-link
       v-if="isAdmin || isMember"
       to="/materials"
-      tag="li"
-      class="SideMenu__item"
+      custom
+      v-slot="{ navigate, isActive }"
     >
-      <i class="fas fa-box" /><br>
-      <span class="SideMenu__item__title">{{$t('page-materials.title')}}</span>
+      <li
+        @click="navigate"
+        class="SideMenu__item"
+        :class="{ 'SideMenu__item--active': isActive }"
+      >
+        <i class="fas fa-box" /><br>
+        <span class="SideMenu__item__title">{{$t('page-materials.title')}}</span>
+      </li>
     </router-link>
     <router-link
       v-if="isAdmin || isMember"
       to="/technicians"
-      tag="li"
-      class="SideMenu__item"
+      custom
+      v-slot="{ navigate, isActive }"
     >
-      <i class="fas fa-people-carry" /><br>
-      <span class="SideMenu__item__title">{{$t('page-technicians.title')}}</span>
+      <li
+        @click="navigate"
+        class="SideMenu__item"
+        :class="{ 'SideMenu__item--active': isActive }"
+      >
+        <i class="fas fa-people-carry" /><br>
+        <span class="SideMenu__item__title">{{$t('page-technicians.title')}}</span>
+      </li>
     </router-link>
     <router-link
       v-if="isAdmin || isMember"
       to="/beneficiaries"
-      tag="li"
-      class="SideMenu__item"
+      custom
+      v-slot="{ navigate, isActive }"
     >
-      <i class="fas fa-address-book" /><br>
-      <span class="SideMenu__item__title">{{$t('page-beneficiaries.title')}}</span>
+      <li
+        @click="navigate"
+        class="SideMenu__item"
+        :class="{ 'SideMenu__item--active': isActive }"
+      >
+        <i class="fas fa-address-book" /><br>
+        <span class="SideMenu__item__title">{{$t('page-beneficiaries.title')}}</span>
+      </li>
     </router-link>
     <router-link
       v-if="isAdmin"
       to="/categories"
-      tag="li"
-      class="SideMenu__item"
+      custom
+      v-slot="{ navigate, isActive }"
     >
-      <i class="fas fa-sitemap" /><br>
-      <span class="SideMenu__item__title">{{$t('page-categories.title')}}</span>
+      <li
+        @click="navigate"
+        class="SideMenu__item"
+        :class="{ 'SideMenu__item--active': isActive }"
+      >
+        <i class="fas fa-sitemap" /><br>
+        <span class="SideMenu__item__title">{{$t('page-categories.title')}}</span>
+      </li>
     </router-link>
     <router-link
       v-if="isAdmin"
       to="/tags"
-      tag="li"
-      class="SideMenu__item"
+      custom
+      v-slot="{ navigate, isActive }"
     >
-      <i class="fas fa-tags" /><br>
-      <span class="SideMenu__item__title">{{$t('page-tags.title')}}</span>
+      <li
+        @click="navigate"
+        class="SideMenu__item"
+        :class="{ 'SideMenu__item--active': isActive }"
+      >
+        <i class="fas fa-tags" /><br>
+        <span class="SideMenu__item__title">{{$t('page-tags.title')}}</span>
+      </li>
     </router-link>
     <router-link
       v-if="isAdmin"
       to="/parks"
-      tag="li"
-      class="SideMenu__item"
+      custom
+      v-slot="{ navigate, isActive }"
     >
-      <i class="fas fa-industry" /><br>
-      <span class="SideMenu__item__title">{{$t('page-parks.title')}}</span>
+      <li
+        @click="navigate"
+        class="SideMenu__item"
+        :class="{ 'SideMenu__item--active': isActive }"
+      >
+        <i class="fas fa-industry" /><br>
+        <span class="SideMenu__item__title">{{$t('page-parks.title')}}</span>
+      </li>
     </router-link>
     <router-link
       v-if="isAdmin"
       to="/users"
-      tag="li"
-      class="SideMenu__item"
+      custom
+      v-slot="{ navigate, isActive }"
     >
-      <i class="fas fa-users-cog" /><br>
-      <span class="SideMenu__item__title">{{$t('page-users.title')}}</span>
+      <li
+        @click="navigate"
+        class="SideMenu__item"
+        :class="{ 'SideMenu__item--active': isActive }"
+      >
+        <i class="fas fa-users-cog" /><br>
+        <span class="SideMenu__item__title">{{$t('page-users.title')}}</span>
+      </li>
     </router-link>
   </div>
 </template>
diff --git a/client/src/pages/Beneficiaries/Beneficiaries.vue b/client/src/pages/Beneficiaries/Beneficiaries.vue
index 150b1e820..f82c085cf 100644
--- a/client/src/pages/Beneficiaries/Beneficiaries.vue
+++ b/client/src/pages/Beneficiaries/Beneficiaries.vue
@@ -11,11 +11,16 @@
       <div class="header-page__actions">
         <router-link
           :to="`/beneficiaries/new`"
-          tag="button"
-          class="Beneficiaries__create success"
+          v-slot="{ navigate }"
+          custom
         >
-          <i class="fas fa-user-plus" />
-          {{ $t('page-beneficiaries.action-add') }}
+          <button
+            class="Beneficiaries__create success"
+            @click="navigate"
+          >
+            <i class="fas fa-user-plus" />
+            {{ $t('page-beneficiaries.action-add') }}
+          </button>
         </router-link>
       </div>
     </div>
@@ -32,7 +37,6 @@
             v-if="beneficiary.row.company"
             v-tooltip="$t('action-edit')"
             :to="`/companies/${beneficiary.row.company.id}`"
-            tag="a"
           >
             {{ beneficiary.row.company.legal_name }}
             <i class="fas fa-edit" />
@@ -72,10 +76,12 @@
             v-if="!isTrashDisplayed"
             v-tooltip="$t('action-edit')"
             :to="`/beneficiaries/${beneficiary.row.id}`"
-            tag="button"
-            class="item-actions__button info"
+            v-slot="{ navigate }"
+            custom
           >
-            <i class="fas fa-edit" />
+            <button class="item-actions__button info" @click="navigate">
+              <i class="fas fa-edit" />
+            </button>
           </router-link>
           <button
             v-if="!isTrashDisplayed"
diff --git a/client/src/pages/Calendar/EventDetails/EventDetails.vue b/client/src/pages/Calendar/EventDetails/EventDetails.vue
index c70c3b6d7..d2dffc2a8 100644
--- a/client/src/pages/Calendar/EventDetails/EventDetails.vue
+++ b/client/src/pages/Calendar/EventDetails/EventDetails.vue
@@ -45,7 +45,6 @@
                 <router-link
                   :to="`/beneficiaries/${beneficiary.id}`"
                   :title="$t('action-edit')"
-                  tag="a"
                 >
                   {{ beneficiary.name }}
                 </router-link>
@@ -53,7 +52,6 @@
                   v-if="beneficiary.company"
                   :to="`/companies/${beneficiary.company_id}`"
                   :title="$t('action-edit')"
-                  tag="a"
                 >
                   ({{ beneficiary.company }})
                 </router-link>
@@ -70,7 +68,6 @@
                 <router-link
                   :to="`/technicians/${assignee.id}`"
                   :title="$t('action-edit')"
-                  tag="a"
                 >
                   {{ assignee.name }}
                 </router-link>
@@ -157,10 +154,12 @@
           <router-link
             v-if="!event.isPast"
             :to="`/events/${event.id}`"
-            tag="button"
-            class="info"
+            v-slot="{ navigate }"
+            custom
           >
-            <i class="fas fa-edit" /> {{ $t('page-events.edit-event') }}
+            <button @click="navigate" class="info">
+              <i class="fas fa-edit" /> {{ $t('page-events.edit-event') }}
+            </button>
           </router-link>
         </div>
       </div>
diff --git a/client/src/pages/Calendar/EventDetails/Header/Header.vue b/client/src/pages/Calendar/EventDetails/Header/Header.vue
index 1618eacfe..8ca602570 100644
--- a/client/src/pages/Calendar/EventDetails/Header/Header.vue
+++ b/client/src/pages/Calendar/EventDetails/Header/Header.vue
@@ -23,10 +23,12 @@
         v-show="!isVisitor"
         :to="`/events/${event.id}`"
         :disabled="event.isConfirmed"
-        tag="button"
-        class="info"
+        v-slot="{ navigate }"
+        custom
       >
-        <i class="fas fa-edit" /> {{ $t('action-edit') }}
+        <button @click="navigate" class="info" >
+          <i class="fas fa-edit" /> {{ $t('action-edit') }}
+        </button>
       </router-link>
       <button
         v-show="!isVisitor"
diff --git a/client/src/pages/Calendar/Header/Header.vue b/client/src/pages/Calendar/Header/Header.vue
index 90bcf9f57..5e9df2a32 100644
--- a/client/src/pages/Calendar/Header/Header.vue
+++ b/client/src/pages/Calendar/Header/Header.vue
@@ -72,8 +72,15 @@
       </div>
     </div>
     <div class="CalendarHeader__actions">
-      <router-link v-show="!isVisitor" :to="`/events/new`" tag="button" class="success">
-        <i class="fas fa-plus" /> {{ $t('page-calendar.add-event') }}
+      <router-link
+        v-show="!isVisitor"
+        :to="`/events/new`"
+        v-slot="{ navigate }"
+        custom
+      >
+        <button @click="navigate" class="success">
+          <i class="fas fa-plus" /> {{ $t('page-calendar.add-event') }}
+        </button>
       </router-link>
     </div>
   </div>
diff --git a/client/src/pages/Company/Company.vue b/client/src/pages/Company/Company.vue
index bed147819..598e40f23 100644
--- a/client/src/pages/Company/Company.vue
+++ b/client/src/pages/Company/Company.vue
@@ -24,10 +24,7 @@
                 class="Company__persons__item"
               >
                 <i class="fas fa-user" />
-                <router-link
-                  :to="`/beneficiaries/${person.id}`"
-                  tag="a"
-                >
+                <router-link :to="`/beneficiaries/${person.id}`">
                   {{ person.full_name }}
                 </router-link>
               </li>
diff --git a/client/src/pages/Event/Step5/Step5.vue b/client/src/pages/Event/Step5/Step5.vue
index 7cfa463e3..799df142f 100644
--- a/client/src/pages/Event/Step5/Step5.vue
+++ b/client/src/pages/Event/Step5/Step5.vue
@@ -52,14 +52,11 @@
       </div>
     </section>
     <section>
-      <router-link
-        to="/"
-        tag="button"
-        exact
-        class="EventStep5__back-btn info"
-      >
-        <i class="fas fa-arrow-left" />
-        {{ $t('page-events.back-to-calendar') }}
+      <router-link to="/" exact v-slot="{ navigate }" custom>
+        <button @click="navigate" class="EventStep5__back-btn info">
+          <i class="fas fa-arrow-left" />
+          {{ $t('page-events.back-to-calendar') }}
+        </button>
       </router-link>
     </section>
   </div>
diff --git a/client/src/pages/MaterialView/Infos/Infos.vue b/client/src/pages/MaterialView/Infos/Infos.vue
index f5d8b5661..7f95d9205 100644
--- a/client/src/pages/MaterialView/Infos/Infos.vue
+++ b/client/src/pages/MaterialView/Infos/Infos.vue
@@ -63,11 +63,13 @@
         <router-link
           v-tooltip="$t('action-edit')"
           :to="`/materials/${material.id}`"
-          tag="button"
-          class="info"
+          v-slot="{ navigate }"
+          custom
         >
-          <i class="fas fa-edit" />
-          {{ $t('action-edit') }}
+          <button @click="navigate" class="info">
+            <i class="fas fa-edit" />
+            {{ $t('action-edit') }}
+          </button>
         </router-link>
       </div>
       <div class="MaterialViewInfos__categories">
diff --git a/client/src/pages/Materials/Materials.vue b/client/src/pages/Materials/Materials.vue
index 20c8ce1dd..03ae22956 100644
--- a/client/src/pages/Materials/Materials.vue
+++ b/client/src/pages/Materials/Materials.vue
@@ -13,13 +13,11 @@
           baseRoute="/materials"
           @change="refreshTableAndPagination"
         />
-        <router-link
-          :to="`/materials/new`"
-          tag="button"
-          class="Materials__create success"
-        >
-          <i class="fas fa-plus" />
-          {{ $t('page-materials.action-add') }}
+        <router-link :to="`/materials/new`" v-slot="{ navigate }" custom>
+          <button @click="navigate" class="Materials__create success">
+            <i class="fas fa-plus" />
+            {{ $t('page-materials.action-add') }}
+          </button>
         </router-link>
       </div>
     </div>
@@ -69,19 +67,23 @@
           <router-link
             v-tooltip="$t('action-view')"
             :to="`/materials/${material.row.id}/view`"
-            tag="button"
-            class="item-actions__button success"
+            v-slot="{ navigate }"
+            custom
           >
-            <i class="fas fa-eye" />
+            <button @click="navigate" class="item-actions__button success">
+              <i class="fas fa-eye" />
+            </button>
           </router-link>
           <router-link
             v-if="!isTrashDisplayed"
             v-tooltip="$t('action-edit')"
             :to="`/materials/${material.row.id}`"
-            tag="button"
-            class="item-actions__button info"
+            v-slot="{ navigate }"
+            custom
           >
-            <i class="fas fa-edit" />
+            <button @click="navigate" class="item-actions__button info">
+              <i class="fas fa-edit" />
+            </button>
           </router-link>
           <button
             v-if="!isTrashDisplayed"
diff --git a/client/src/pages/Parks/Parks.vue b/client/src/pages/Parks/Parks.vue
index 82b634082..465546a09 100644
--- a/client/src/pages/Parks/Parks.vue
+++ b/client/src/pages/Parks/Parks.vue
@@ -9,13 +9,11 @@
         />
       </div>
       <div class="header-page__actions">
-        <router-link
-          :to="`/parks/new`"
-          tag="button"
-          class="success"
-        >
-          <i class="fas fa-user-plus" />
-          {{ $t('page-parks.action-add') }}
+        <router-link :to="`/parks/new`" v-slot="{ navigate }" custom>
+          <button @click="navigate" class="success" >
+            <i class="fas fa-user-plus" />
+            {{ $t('page-parks.action-add') }}
+          </button>
         </router-link>
       </div>
     </div>
@@ -58,10 +56,12 @@
             v-if="!isTrashDisplayed"
             v-tooltip="$t('action-edit')"
             :to="`/parks/${park.row.id}`"
-            tag="button"
-            class="item-actions__button info"
+            v-slot="{ navigate }"
+            custom
           >
-            <i class="fas fa-edit" />
+            <button @click="navigate" class="item-actions__button info" >
+              <i class="fas fa-edit" />
+            </button>
           </router-link>
           <button
             v-if="!isTrashDisplayed"
diff --git a/client/src/pages/Technicians/Technicians.vue b/client/src/pages/Technicians/Technicians.vue
index 914168457..e372ff5eb 100644
--- a/client/src/pages/Technicians/Technicians.vue
+++ b/client/src/pages/Technicians/Technicians.vue
@@ -9,13 +9,11 @@
         />
       </div>
       <div class="header-page__actions">
-        <router-link
-          :to="`/technicians/new`"
-          tag="button"
-          class="Technicians__create success"
-        >
-          <i class="fas fa-user-plus" />
-          {{ $t('page-technicians.action-add') }}
+        <router-link :to="`/technicians/new`" v-slot="{ navigate }" custom>
+          <button @click="navigate" class="Technicians__create success">
+            <i class="fas fa-user-plus" />
+            {{ $t('page-technicians.action-add') }}
+          </button>
         </router-link>
       </div>
     </div>
@@ -45,10 +43,12 @@
             v-if="!isTrashDisplayed"
             v-tooltip="$t('action-edit')"
             :to="`/technicians/${technician.row.id}`"
-            tag="button"
-            class="item-actions__button info"
+            v-slot="{ navigate }"
+            custom
           >
-            <i class="fas fa-edit" />
+            <button @click="navigate" class="item-actions__button info">
+              <i class="fas fa-edit" />
+            </button>
           </router-link>
           <button
             v-if="!isTrashDisplayed"
diff --git a/client/src/pages/UserProfile/UserProfile.vue b/client/src/pages/UserProfile/UserProfile.vue
index 4f2f9e1b6..f4effed0a 100644
--- a/client/src/pages/UserProfile/UserProfile.vue
+++ b/client/src/pages/UserProfile/UserProfile.vue
@@ -127,13 +127,11 @@
             :isLoading="isLoading"
           />
           <div class="UserProfile__extras__buttons">
-            <router-link
-              to="/settings"
-              tag="button"
-              class="info"
-            >
-              <i class="fas fa-cogs" />
-              {{ $t('your-settings') }}
+            <router-link to="/settings" v-slot="{ navigate }" custom>
+              <button @click="navigate" class="info">
+                <i class="fas fa-cogs" />
+                {{ $t('your-settings') }}
+              </button>
             </router-link>
           </div>
         </div>
diff --git a/client/src/pages/UserSettings/UserSettings.vue b/client/src/pages/UserSettings/UserSettings.vue
index 2d533d708..b2a9cd75c 100644
--- a/client/src/pages/UserSettings/UserSettings.vue
+++ b/client/src/pages/UserSettings/UserSettings.vue
@@ -41,13 +41,11 @@
             :isLoading="isLoading"
           />
           <div class="UserSettings__extras__buttons">
-            <router-link
-              to="/profile"
-              tag="button"
-              class="info"
-            >
-              <i class="fas fa-user-alt" />
-              {{ $t('your-profile') }}
+            <router-link to="/profile" v-slot="{ navigate }" custom>
+              <button @click="navigate" class="info">
+                <i class="fas fa-user-alt" />
+                {{ $t('your-profile') }}
+              </button>
             </router-link>
           </div>
         </div>
diff --git a/client/src/pages/Users/Users.vue b/client/src/pages/Users/Users.vue
index 46e54c129..ce3c460ea 100644
--- a/client/src/pages/Users/Users.vue
+++ b/client/src/pages/Users/Users.vue
@@ -9,13 +9,11 @@
         />
       </div>
       <div class="header-page__actions">
-        <router-link
-          :to="`/users/new`"
-          tag="button"
-          class="Users__create success"
-        >
-          <i class="fas fa-user-plus" />
-          {{ $t('page-users.action-add') }}
+        <router-link :to="`/users/new`" v-slot="{ navigate }" custom>
+          <button @click="navigate" class="Users__create success" >
+            <i class="fas fa-user-plus" />
+            {{ $t('page-users.action-add') }}
+          </button>
         </router-link>
       </div>
     </div>
@@ -61,11 +59,13 @@
           <div v-if="user.row.id === currentUserId">
             <router-link
               to="/profile"
-              tag="button"
-              class="info"
+              v-slot="{ navigate }"
+              custom
             >
-              <i class="fas fa-edit" />
-              {{$t('your-profile')}}
+              <button @click="navigate" class="info">
+                <i class="fas fa-edit" />
+                {{$t('your-profile')}}
+              </button>
             </router-link>
           </div>
           <div v-else>
@@ -73,10 +73,12 @@
               v-if="!isTrashDisplayed"
               v-tooltip="$t('action-edit')"
               :to="`/users/${user.row.id}`"
-              tag="button"
-              class="item-actions__button info"
+              v-slot="{ navigate }"
+              custom
             >
-              <i class="fas fa-edit" />
+              <button @click="navigate" class="item-actions__button info">
+                <i class="fas fa-edit" />
+              </button>
             </router-link>
             <button
               v-if="!isTrashDisplayed && user.row.group_id !== 'admin'"
diff --git a/client/src/router.js b/client/src/router.js
index 4b8f18983..af1d73abf 100644
--- a/client/src/router.js
+++ b/client/src/router.js
@@ -28,7 +28,6 @@ Vue.use(Router);
 
 const router = new Router({
   mode: 'history',
-  linkActiveClass: 'SideMenu__item--active',
   routes: [
     {
       path: '/login',