Я использовал следующий 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;
}