diff --git a/packages/web/components/templates/library/LibraryAvatar.tsx b/packages/web/components/templates/library/LibraryAvatar.tsx index c6576814c..f986b53df 100644 --- a/packages/web/components/templates/library/LibraryAvatar.tsx +++ b/packages/web/components/templates/library/LibraryAvatar.tsx @@ -16,7 +16,7 @@ export function LibraryAvatar(props: AvatarProps): JSX.Element { css={{ width: '40px', height: '40px', - borderRadius: '6px', + borderRadius: '50%', }} > {props.viewer?.profile.pictureUrl @@ -56,7 +56,8 @@ const StyledFallback = styled(Fallback, { display: 'flex', alignItems: 'center', justifyContent: 'center', - fontSize: '20px', - backgroundColor: '$omnivoreCtaYellow', - color: '#595959', + fontSize: '16px', + fontWeight: '600', + color: '$utilityTextDefault', + backgroundColor: '$libraryActiveMenuItem', })