@@ -38,4 +38,8 @@ export const StyledAvatar = styled(Avatar)`
width: 136px;
height: 136px;
margin-right: ${theme.sizes.b6}px;
+
+ > span {
+ font-size: ${theme.typography.sizes.h2};
+ }
`
@@ -23,7 +23,7 @@ const ChannelView: React.FC<RouteComponentProps> = () => {
<div>
<Header coverPhotoURL={data.channel.coverPhotoURL}>
<TitleSection>
- <StyledAvatar img={data.channel.avatarPhotoURL} />
+ <StyledAvatar img={data.channel.avatarPhotoURL} name={data.channel.handle} />
<Title>{data.channel.handle}</Title>
</TitleSection>
</Header>