title: Angular material custom Badge sizing
body: <pre><code>&lt;button class="user_badge" mat-raised-button color="primary" matBadge="1000" matBadgePosition="after" matBadgeColor="accent" MatBadgeSize="large"&gt;
    &lt;mat-icon&gt;person&lt;/mat-icon&gt;
    User
  &lt;/button&gt;
  </code></pre>
  
  <p>I use badge size <code>"large"</code>, but some of my data tends to overflow with ellipsis (<code>...</code>) I need to increase badge size. How do I increase badge size using css? </p>
  
  <p><a href="https://material.angular.io/components/badge/overview#badge-sizing" rel="nofollow noreferrer">Angular Material Badge Sizing Documentation</a></p>
  
  <p>Any Help Appreciated</p>