Измените :active background-color вкладок React-Bootstrap

Я новичок в бутстрапе, но немного разбираюсь в React. Я просто хочу спросить, как изменить цвет фона :active на вкладках react-bootstrap.

Вот ссылка: - https://react-bootstrap.github.io/components/tabs/ (это вертикальное меню вкладок)

Я использовал код, показанный там.

                   <Tab.Container id = "sidebar" defaultActiveKey = "first">
                        <Row>
                            <Col sm = {3}>
                            <Nav variant = "pills" className = "flex-column">
                                <Nav.Item>
                                    <Nav.Link eventKey = "first" className = "tab">Tab 1</Nav.Link>
                                </Nav.Item>
                                <Nav.Item>
                                    <Nav.Link eventKey = "second" className = "tab">Tab 2</Nav.Link>
                                </Nav.Item>
                                <Nav.Item>
                                    <Nav.Link eventKey = "third" className = "tab">Tab 3</Nav.Link>
                                </Nav.Item>
                            </Nav>
                            </Col>
                            <Col sm = {9}>
                            <Tab.Content>
                                <Tab.Pane eventKey = "first">
                                    <h1>One</h1>
                                </Tab.Pane>
                                <Tab.Pane eventKey = "second">
                                    <h1>Two</h1>
                                </Tab.Pane>
                            </Tab.Content>
                            </Col>
                        </Row>
                    </Tab.Container>

Как изменить фон активных вкладок с помощью CSS или начальной загрузки?

Пожалуйста помоги.

Спасибо.