diff --git a/plugins/contact-resources/src/components/AvatarInstance.svelte b/plugins/contact-resources/src/components/AvatarInstance.svelte
index 868725d539..d0ca2f32b8 100644
--- a/plugins/contact-resources/src/components/AvatarInstance.svelte
+++ b/plugins/contact-resources/src/components/AvatarInstance.svelte
@@ -122,7 +122,11 @@
       />
     {:else}
       <div class="icon">
-        <Icon icon={icon ?? AvatarIcon} fill={'var(--white-color)'} size={'full'} />
+        <Icon
+          icon={icon ?? AvatarIcon}
+          fill={color ? 'var(--primary-button-color)' : 'var(--theme-caption-color)'}
+          size={'full'}
+        />
       </div>
     {/if}
   </div>