diff --git a/frontend/components/Layout/AppSidebar.vue b/frontend/components/Layout/AppSidebar.vue
index 426eb2fb1c9f..529e3b6d7d05 100644
--- a/frontend/components/Layout/AppSidebar.vue
+++ b/frontend/components/Layout/AppSidebar.vue
@@ -6,11 +6,14 @@
         <UserAvatar list :user-id="$auth.user.id" />
 
         <v-list-item-content>
-          <v-list-item-title> {{ $auth.user.fullName }}</v-list-item-title>
+          <v-list-item-title class="pr-2"> {{ $auth.user.fullName }}</v-list-item-title>
           <v-list-item-subtitle>
-            <NuxtLink class="favorites-link" :to="`/user/${$auth.user.id}/favorites`">
+            <v-btn class="px-2 pa-0" text :to="`/user/${$auth.user.id}/favorites`" small>
+              <v-icon left small>
+                {{ $globals.icons.heart }}
+              </v-icon>
               {{ $t("user.favorite-recipes") }}
-            </NuxtLink>
+            </v-btn>
           </v-list-item-subtitle>
         </v-list-item-content>
       </v-list-item>