diff --git a/loama/public/favicon.ico b/loama/public/favicon.ico
index df36fcf..223a7ca 100644
Binary files a/loama/public/favicon.ico and b/loama/public/favicon.ico differ
diff --git a/loama/src/components/header/HeaderBase.vue b/loama/src/components/header/HeaderBase.vue
index 377aa29..16510c5 100644
--- a/loama/src/components/header/HeaderBase.vue
+++ b/loama/src/components/header/HeaderBase.vue
@@ -24,10 +24,12 @@ import Loama from '../../assets/loama.svg'
 import LoButton from '../LoButton.vue'
 import HeaderContextMenu from './HeaderContextMenu.vue'
 import { PhShareFat } from '@phosphor-icons/vue';
-defineProps<{
-    pfpSrc: string,
-}>()
 
+import { getProfileInfo } from "loama-controller";
+import { store } from '@/store';
+import type { Session } from '@inrupt/solid-client-authn-browser';
+
+const pfpSrc = (await getProfileInfo(store.session as Session, store.usedPod.replace(/\/$/, ''))).img;
 const isContextMenuHidden = ref(true)
 
 
diff --git a/loama/src/components/header/HeaderTab.vue b/loama/src/components/header/HeaderTab.vue
index be3e4de..05a4aee 100644
--- a/loama/src/components/header/HeaderTab.vue
+++ b/loama/src/components/header/HeaderTab.vue
@@ -1,9 +1,11 @@
 <template>
-    <a :href="href" :class="{ active: active }"><slot/></a>
+    <a :href="href" :class="{ active: active }">
+        <slot />
+    </a>
 </template>
 
 <script setup lang="ts">
-const props = defineProps<{
+defineProps<{
     href: string
     active: boolean
 }>()
diff --git a/loama/src/views/HomeView.vue b/loama/src/views/HomeView.vue
index d4af4de..323d9d4 100644
--- a/loama/src/views/HomeView.vue
+++ b/loama/src/views/HomeView.vue
@@ -1,6 +1,6 @@
 <template>
   <Suspense>
-    <HeaderBase pfp-src="https://thispersondoesnotexist.com">
+    <HeaderBase>
       <HeaderTab href="/home" active>Files</HeaderTab>
     </HeaderBase>
   </Suspense>