const MessagesBubble = styled.div` color: #fff; background-color: #777583; display: flex; border-radius: 9999px; justify-content: center; align-items: center; font-style: normal; font-weight: 700; line-height: normal; font-size: 12px; padding-left: 0.5rem; padding-right: 0.5rem; `; return <MessagesBubble>{props.messageCount}</MessagesBubble>;