diff --git a/webapp/channels/src/components/channel_info_rhs/about_area_channel.tsx b/webapp/channels/src/components/channel_info_rhs/about_area_channel.tsx index baf1478a8b..194eae5ca3 100644 --- a/webapp/channels/src/components/channel_info_rhs/about_area_channel.tsx +++ b/webapp/channels/src/components/channel_info_rhs/about_area_channel.tsx @@ -27,6 +27,17 @@ const ChannelPurpose = styled.div` } `; +const ChannelDescriptionHeading = styled.div` + color: rgba(var(--center-channel-color-rgb), 0.75); + font-size: 12px; + font-style: normal; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.24px; + text-transform: uppercase; + padding: 6px 0px; +`; + const ChannelHeader = styled.div` margin-bottom: 12px; `; @@ -47,6 +58,9 @@ const AboutAreaChannel = ({channel, canEditChannelProperties, actions}: Props) = <> {(channel.purpose || canEditChannelProperties) && ( + + {formatMessage({id: 'channel_info_rhs.about_area.channel_purpose.heading', defaultMessage: 'Channel Purpose'})} + + + {formatMessage({id: 'channel_info_rhs.about_area.channel_header.heading', defaultMessage: 'Channel Header'})} +