diff --git a/frontend/src/components/menu/UserInfo.test.ts b/frontend/src/components/menu/UserInfo.test.ts
index 2a999b578c..6b013e05b8 100644
--- a/frontend/src/components/menu/UserInfo.test.ts
+++ b/frontend/src/components/menu/UserInfo.test.ts
@@ -65,7 +65,6 @@ describe('UserInfo', () => {
         details: [],
         social: [],
       })
-      wrapper = Wrapper()
     })
 
     it('has no image and no text in avatar', () => {
@@ -86,7 +85,6 @@ describe('UserInfo', () => {
         details: [],
         social: [],
       })
-      wrapper = Wrapper()
     })
 
     it('has no image but initials in avatar', () => {
@@ -108,7 +106,6 @@ describe('UserInfo', () => {
         details: [],
         social: [],
       })
-      wrapper = Wrapper()
     })
 
     it('has image and not text in avatar', () => {
diff --git a/frontend/src/components/menu/UserInfo.vue b/frontend/src/components/menu/UserInfo.vue
index a9ddd485ba..4b1102997b 100644
--- a/frontend/src/components/menu/UserInfo.vue
+++ b/frontend/src/components/menu/UserInfo.vue
@@ -8,8 +8,8 @@
       >
         <ClientOnly
           ><v-avatar class="avatar d-flex align-center text-font border-sm bg-primary" size="44">
-            <v-img v-if="userImage" :src="userImage" />
-            <span v-else>{{ initals?.toUpperCase() }}</span>
+            <v-img v-if="userStore.getCurrentUserAvatar" :src="userStore.getCurrentUserAvatar" />
+            <span v-else>{{ userStore.getCurrentUserInitials?.toUpperCase() }}</span>
           </v-avatar>
           <div class="d-flex flex-column justify-center text-right pa-1 pl-3 w-100">
             <v-icon
@@ -35,9 +35,6 @@ import UserDropdown from './UserDropdown.vue'
 
 const userStore = useUserStore()
 
-const initals = userStore.getCurrentUserInitials
-const userImage = userStore.getCurrentUserAvatar
-
 const isOpen = ref(false)
 </script>