위치 조정을 위해 다음 CSS를 사용했는데, 꽤 잘 작동합니다.
/* Flexbox를 사용하여 chat-channel-unread-indicator__number를 중앙 정렬 */
.chat-channel-unread-indicator {
display: flex;
justify-content: center;
align-items: center;
position: relative; /* 컨테이너에 위치 지정 컨텍스트가 있는지 확인 */
}
/* 숫자 요소의 스타일이 중앙 정렬에 간섭하지 않도록 확인 */
.chat-channel-unread-indicator__number {
display: inline-flex;
align-items: center;
justify-content: center;
}