mdb-select arrow color css

Expected behavior The css of the dropdown arrow should be accessible via scss or css using the .select-arrow

Actual behavior css of the mdb-select can be overridden however elements inside of the mdb-select prove useless!

Resources (screenshots, code snippets etc.)

<mdb-form-control>
    <mdb-select name="category-search-select" id="category-search-input" class="category-select-search">
        <mdb-option class="reverse-option-color" *ngFor="let option of options" [value]="option.value">
            {{option.label}}
        </mdb-option>
    </mdb-select>
    <label mdbLabel class="form-label" for="category-search-input">Category Search</label>
</mdb-form-control>

CSS

mdb-select { .select-arrow { color: purple !important; } }

.reverse-option-color { background-color: #303030; color: $font-color; span { padding-left: 2rem; } }

.reverse-option-color:hover { background-color: $backgroud-color; }

.select-dropdown { background-color: #303030; }