diff --git a/shell/src/shared/atoms/ItemCard.svelte b/shell/src/shared/atoms/ItemCard.svelte
index e03e4a5ad..0e46f3e83 100644
--- a/shell/src/shared/atoms/ItemCard.svelte
+++ b/shell/src/shared/atoms/ItemCard.svelte
@@ -45,7 +45,7 @@ function cardAction() {
-
+
diff --git a/shell/src/shared/atoms/UserImage.svelte b/shell/src/shared/atoms/UserImage.svelte
index 690d57c5b..88be1cf4f 100644
--- a/shell/src/shared/atoms/UserImage.svelte
+++ b/shell/src/shared/atoms/UserImage.svelte
@@ -12,12 +12,16 @@ export let transparent: boolean = false;
export let tooltip: boolean = false;
export let profileLink: boolean = true;
export let editable: boolean = false;
+export let image: string = "";
let displayName: string = "";
let isOrganisation: boolean = false;
let sizeInPixels = 0;
+let noAvatar;
-const seed = Web3.utils.hexToNumber(profile.circlesAddress.slice(0, 15));
-let noAvatar = jazzicon(size === 15 ? 54 : size * 4, seed);
+if (!image && !profile.avatarUrl) {
+ const seed = Web3.utils.hexToNumber(profile.circlesAddress?.slice(0, 15));
+ noAvatar = jazzicon(size === 15 ? 54 : size * 4, seed);
+}
function linkToProfile(event) {
if (profileLink) {
@@ -78,12 +82,12 @@ $: {
class:w-4="{size < 20}"
class:h-4="{size < 20}" />
{/if}
- {#if profile.avatarUrl}
+ {#if profile.avatarUrl || image}
{:else}