diff --git a/ui/src/components/user/index.tsx b/ui/src/components/user/index.tsx
index 0b3fa00..210d29a 100644
--- a/ui/src/components/user/index.tsx
+++ b/ui/src/components/user/index.tsx
@@ -6,10 +6,12 @@ const User = ({
   id,
   username = '',
   email = '',
+  avatar = '',
 }: {
   id?: string;
   username?: string;
   email?: string;
+  avatar?: string;
 }) => {
   return (
     <Stack>
@@ -26,6 +28,7 @@ const User = ({
         <Stack direction={'row'} alignItems={'center'} gap={1}>
           <Avatar
             name={username}
+            src={avatar}
             sx={{ width: 20, height: 20, fontSize: 12 }}
           />
           <Typography sx={{ pt: '2px' }}>{username}</Typography>
diff --git a/ui/src/pages/chat/index.tsx b/ui/src/pages/chat/index.tsx
index c9909af..6b8e609 100644
--- a/ui/src/pages/chat/index.tsx
+++ b/ui/src/pages/chat/index.tsx
@@ -49,6 +49,7 @@ const Chat = () => {
             id={value.id!}
             username={value.username!}
             email={value.email!}
+            avatar={value.avatar_url!}
           />
         );
       },
diff --git a/ui/src/pages/completion/index.tsx b/ui/src/pages/completion/index.tsx
index 208a8ea..6f6e7af 100644
--- a/ui/src/pages/completion/index.tsx
+++ b/ui/src/pages/completion/index.tsx
@@ -94,6 +94,7 @@ const Completion = () => {
             id={value.id!}
             username={value.username!}
             email={value.email!}
+            avatar={value.avatar_url!}
           />
         );
       },
diff --git a/ui/src/pages/user-management/loginHistory.tsx b/ui/src/pages/user-management/loginHistory.tsx
index 0468865..6c01050 100644
--- a/ui/src/pages/user-management/loginHistory.tsx
+++ b/ui/src/pages/user-management/loginHistory.tsx
@@ -24,6 +24,7 @@ const LoginHistory = () => {
             username={record.user!.username!}
             id={record.user!.id!}
             email={record.user!.email!}
+            avatar={record.user!.avatar_url!}
           />
         );
       },
diff --git a/ui/src/pages/user-management/memberManage.tsx b/ui/src/pages/user-management/memberManage.tsx
index 436588e..b83af28 100644
--- a/ui/src/pages/user-management/memberManage.tsx
+++ b/ui/src/pages/user-management/memberManage.tsx
@@ -257,6 +257,7 @@ const MemberManage = () => {
             id={record.id!}
             username={record.username!}
             email={record.email!}
+            avatar={record.avatar_url}
           />
         );
       },
diff --git a/ui/src/pages/user/chat/index.tsx b/ui/src/pages/user/chat/index.tsx
index c9909af..6b8e609 100644
--- a/ui/src/pages/user/chat/index.tsx
+++ b/ui/src/pages/user/chat/index.tsx
@@ -49,6 +49,7 @@ const Chat = () => {
             id={value.id!}
             username={value.username!}
             email={value.email!}
+            avatar={value.avatar_url!}
           />
         );
       },
diff --git a/ui/src/pages/user/completion/index.tsx b/ui/src/pages/user/completion/index.tsx
index cf85150..1f6b429 100644
--- a/ui/src/pages/user/completion/index.tsx
+++ b/ui/src/pages/user/completion/index.tsx
@@ -94,6 +94,7 @@ const Completion = () => {
             id={value.id!}
             username={value.username!}
             email={value.email!}
+            avatar={value.avatar_url!}
           />
         );
       },