diff --git a/template/apps/web/src/pages/_app/PageConfig/MainLayout/Header/components/MenuToggle/index.tsx b/template/apps/web/src/pages/_app/PageConfig/MainLayout/Header/components/MenuToggle/index.tsx
index 3b777453..89c5a494 100644
--- a/template/apps/web/src/pages/_app/PageConfig/MainLayout/Header/components/MenuToggle/index.tsx
+++ b/template/apps/web/src/pages/_app/PageConfig/MainLayout/Header/components/MenuToggle/index.tsx
@@ -12,7 +12,7 @@ const MenuToggle = forwardRef<HTMLButtonElement>((props, ref) => {
 
   return (
     <UnstyledButton ref={ref} {...props}>
-      <Avatar color={primaryColor} radius="xl">
+      <Avatar src={account.avatarUrl} color={primaryColor} radius="xl">
         {account.firstName.charAt(0)}
         {account.lastName.charAt(0)}
       </Avatar>