diff --git a/layouts/dashboard.vue b/layouts/dashboard.vue
index b4cf07e..11f6d2f 100644
--- a/layouts/dashboard.vue
+++ b/layouts/dashboard.vue
@@ -121,9 +121,10 @@
         <template v-slot:activator="{ props }">
           <v-btn icon v-bind="props" color="white">
             <ProfileAvatar 
+              :member-id="memberData?.member_id"
               :member-name="user?.name"
-              :first-name="user?.firstName"
-              :last-name="user?.lastName"
+              :first-name="user?.firstName || memberData?.first_name"
+              :last-name="user?.lastName || memberData?.last_name"
               size="small"
               :lazy="false"
               show-border
@@ -193,9 +194,18 @@
 </template>
 
 <script setup lang="ts">
+import type { Member } from '~/utils/types';
+
 const { user, userTier, isBoard, isAdmin, logout } = useAuth();
 const drawer = ref(true);
 
+// Fetch complete member data for profile avatar
+const { data: sessionData } = await useFetch<{ success: boolean; member: Member | null }>('/api/auth/session', { 
+  server: false
+});
+
+const memberData = computed<Member | null>(() => sessionData.value?.member || null);
+
 // Helper functions
 const getTierColor = (tier: string) => {
   switch (tier) {