title: Material Radio Label Content Wont Apply Text Wrap CSS Angular
body: <p>I have a radio group with a fixed width and I would like the button labels to wrap. I have tried adding classes to every part of the html and adding "white-space: normal" to the elements but it just ignores it. How can I make it work?</p>
  
  <p><a href="https://stackblitz.com/edit/angular-1shnoa" rel="noreferrer">Here is an example of where I am at</a></p>
  
  <p>If I add this CSS to the top level styles.scss file it works as intended.</p>
  
  <pre><code>.mat-radio-label-content {
    white-space: normal;
  }
  </code></pre>
  
  <p>But I want to avoid this and keep the css only relevant to the specific component and not app wide.</p>