Угловой материал нестандартного размера

Question

<button class="user_badge" mat-raised-button color="primary" matBadge="1000" matBadgePosition="after" matBadgeColor="accent" MatBadgeSize="large">
  <mat-icon>person</mat-icon>
  User
</button>

Я использовал большой размер значка, но некоторые из моих данных имеют тенденцию ... Мне нужно увеличить размер значка, Как увеличить размер значка с помощью css? ссылка

Любая помощь оценена

Answer 1

** Вы должны использовать этот стиль, я надеюсь, что это сработает **

.mat-badge-content {
width: auto;
display: grid;
min-width: 32px;
min-height: 28px;
text-align: center;
align-items: center;
padding: 5px 3px;
top: -20px;
right: -22px;

}

Answer 2

Вы можете изменить следующие три свойства для класса mat-badge-content:

.mat-badge-content {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

Попробуйте это в этом stackblitz .