Не могу изменить flex-grow на панели расширения матов

Question

Я пытаюсь стилизовать свою панель расширения, потому что хочу, чтобы мои данные были выровнены по строке справа.

В моем style.css я пробовал

::ng-deep
/deep/
tried to target my custom class (saletotalsalestext)
!important

style.css

::ng-deep .mat-expansion-panel-header-description  {
    flex-grow: initial !important;
}

HTML:

<mat-expansion-panel-header>
    <mat-panel-title>
        {{data.name}}
    </mat-panel-title>
<mat-panel-description class="saletotalsalestext">                                      
        {{data.total_sales}}                                                                                                        
    </mat-panel-description>
</mat-expansion-panel-header>