无法更改垫子扩展面板上的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>