diff --git a/src/components/Widget.vue b/src/components/Widget.vue
index 567c55b..79dca5c 100644
--- a/src/components/Widget.vue
+++ b/src/components/Widget.vue
@@ -4,7 +4,7 @@
       <div v-if="avatar" class="col-4">
         <div style="width: 100%; padding-bottom: 100%; position: relative">
           <q-avatar style="position: absolute; top: 0; left: 0; width: 100%; height: 100%">
-            <img :src="avatarLink" :onerror="error" />
+            <img :src="api.defaults.baseURL + avatarLink" :onerror="error" />
           </q-avatar>
         </div>
       </div>
@@ -26,7 +26,7 @@
 </template>
 
 <script lang="ts">
-import { useMainStore, useUserStore } from '@flaschengeist/api';
+import { useMainStore, useUserStore, api } from '@flaschengeist/api';
 import { computed, defineComponent, onMounted, ref } from 'vue';
 
 export default defineComponent({
@@ -65,7 +65,7 @@ export default defineComponent({
         .filter((user) => user.userid !== mainStore.currentUser.userid)
     );
 
-    return { avatar, avatarLink, error, name, hasBirthday, birthday };
+    return { avatar, avatarLink, error, name, hasBirthday, birthday, api };
   },
 });
 </script>