diff --git a/packages/design-system/atoms/avatar/Avatar.tsx b/packages/design-system/atoms/avatar/Avatar.tsx
index 329506e..da0fa72 100644
--- a/packages/design-system/atoms/avatar/Avatar.tsx
+++ b/packages/design-system/atoms/avatar/Avatar.tsx
@@ -15,6 +15,7 @@ export const Avatar = (props: AvatarProps) => (
     {props.src && props.hash && (
       <Image
         style={{
+          backgroundColor: 'inherit',
           backgroundImage: `url(${props.src})`,
         }}
       />