I need to style a single mdb-select with its active label to green. Adding the following style to the component.scss file where this mdb-select lives does not change the mdb-select label to green:

app.component.scss:

.rooms mdb-select label.active {
  color: green !important;
}

app.component.html:

<div class="md-form **rooms**">
        <mdb-select
          [outline]="true"
          [options]="roomOptions"
          [(ngModel)]="selectedRoomIndex"
          label="Habitaci&oacute;n"
          (ngModelChange)="selectRoom($event)">
        </mdb-select>
      </div>

if I move the style to the global styles file (styles.scss) then the mdb-select will have label green.

Am I doing something wrong ?