Белая линия появляется под заголовком выбранной вкладки в библиотеке реагирующих вкладок ⇐ CSS

[Anonymous]

Я использую библиотеку реагирования и применил собственный стиль, но столкнулся с проблемой, когда при нажатии на выбранную вкладку под заголовком выбранной вкладки появляется белая линия. Странно то, что линия исчезает, когда я нажимаю где-нибудь на странице.
Ссылка на Codesandbox


Ниже приведен код CSS для вкладок:
.react-tabs__tab {
background-color: inherit;
border: 1px solid #ccc;
border-radius: 50px;
cursor: pointer;
padding: 10px;
}

.react-tabs__tab:hover {
color: #0099ff;
transition: 0.3s;
}

.react-tabs__tab--selected {
color: #0099ff;
border: 1px solid #0099ff;
border-bottom: none; /* Updated line */
}

.react-tabs__tab:focus {
outline: none;
}

.react-tabs__tab:focus:after {
content: none;
}


Подробнее здесь: https://stackoverflow.com/questions/764 ... bs-library