Невозможно применить CSS в ngb-tabset

Я использую ngb-tabset в своем приложении и использую «.nav-tabs .nav-link» в своем компоненте приложения для стилизации вкладок. Это работает. Но у меня есть ситуация, когда мне нужно применить другой стиль к одной из вкладок в дочернем компоненте. Я дал идентификатор родительскому DIV и применил стиль, как показано ниже. Но применен стиль по умолчанию. Как я могу убедиться, что именно этот стиль применяется для этой вкладки. Пожалуйста, порекомендуйте.

Ниже то, что я пробовал.

HTML

<div id = "overview__id" class = "col-md-12 col-lg-10 mx-auto"> <ngb-tabset> <ngb-tab>

SASS

#overview__id .nav-tabs .nav-link
 border: none
 margin-right: 0.25rem
 color: #ffffff !important