diff --git a/client/channel/UserCard/index.js b/client/channel/UserCard/index.js
index 9555388a5c68..dca8b8bfb651 100644
--- a/client/channel/UserCard/index.js
+++ b/client/channel/UserCard/index.js
@@ -60,6 +60,7 @@ const UserCardWithData = ({ username, onClose, target, open, rid }) => {
 			bio = defaultValue,
 			utcOffset = defaultValue,
 			nickname,
+			avatarETag,
 		} = user;
 
 		return {
@@ -70,6 +71,7 @@ const UserCardWithData = ({ username, onClose, target, open, rid }) => {
 				<UserCard.Role key={index}>{role}</UserCard.Role>
 			)),
 			bio,
+			etag: avatarETag,
 			localTime: Number.isInteger(utcOffset) && (
 				<LocalTime utcOffset={utcOffset} />
 			),
diff --git a/client/components/basic/UserCard.js b/client/components/basic/UserCard.js
index 942408d1e22f..827aa9957a75 100644
--- a/client/components/basic/UserCard.js
+++ b/client/components/basic/UserCard.js
@@ -54,6 +54,7 @@ const UserCard = forwardRef(({
 	open,
 	name = <Skeleton width='100%'/>,
 	username,
+	etag,
 	customStatus = <Skeleton width='100%'/>,
 	roles = <>
 		<Skeleton width='32%' mi='x2'/>
@@ -73,7 +74,7 @@ const UserCard = forwardRef(({
 	t = (e) => e,
 }, ref) => <UserCardContainer className={className} ref={ref} style={style}>
 	<Box>
-		<UserAvatar username={username} size='x124'/>
+		<UserAvatar username={username} etag={etag} size='x124'/>
 		{ actions && <Box flexGrow={0} display='flex' mb='x8' align='center' justifyContent='center'>
 			{actions}
 		</Box>}