diff --git a/front/src/components/ui/popover.scss b/front/src/components/ui/popover.scss
index 90b567004..b711683bb 100644
--- a/front/src/components/ui/popover.scss
+++ b/front/src/components/ui/popover.scss
@@ -65,6 +65,8 @@
 
     .popover-item {
       cursor: pointer;
+      color: var(--color) !important;
+      text-decoration: none;
       padding-left: 8px;
       height: 32px;
       display: flex;
diff --git a/front/src/ui/components/UserMenu.vue b/front/src/ui/components/UserMenu.vue
index c6a9423ef..fa6b58f43 100644
--- a/front/src/ui/components/UserMenu.vue
+++ b/front/src/ui/components/UserMenu.vue
@@ -70,21 +70,18 @@ const labels = computed(() => ({
           {{ labels.notifications }}
         </Link>
       </PopoverItem>
-      <PopoverItem v-if="store.state.auth.authenticated">
-        <Link
-          :to="{name: 'profile.overview', params: { username: store.state.auth.username },}"
-          icon="bi-person-fill"
-          >
-          {{ labels.profile }}
-        </Link>
-      </PopoverItem>
-      <PopoverItem v-if="store.state.auth.authenticated">
-        <Link
-          :to="{ path: '/settings' }"
-          icon="bi-gear-fill"
+      <PopoverItem
+        v-if="store.state.auth.authenticated"
+        :to="{name: 'profile.overview', params: { username: store.state.auth.username },}"
         >
+        <i class="bi bi-person-fill"/>
+        {{ labels.profile }}
+      </PopoverItem>
+      <PopoverItem v-if="store.state.auth.authenticated"
+        :to="{ path: '/settings' }"
+        >
+          <i class="bi bi-gear-fill" />
           {{ labels.settings }}
-        </Link>
       </PopoverItem>
       <hr v-if="store.state.auth.authenticated"/>
       <PopoverItem @click="store.commit('ui/toggleModal', 'languages')"