title: Angular Material mat-expansion-panel-body style not being applied
body: <p>I have the following css in my component's css file:</p>
  
  <pre><code>.mat-expansion-panel-body {
    padding: 0;
  }
  </code></pre>
  
  <p>And, so I would expect to see this rule (even if overridden) to show up for the following dom element:</p>
  
  <pre><code>&lt;div class="mat-expansion-panel-body"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>But, all I see being applied in dev tools is:</p>
  
  <pre><code>.mat-expansion-panel-body {
    padding: 0 24px 16px;
  }
  </code></pre>
  
  <p>I noticed that this element does not have the <strong><em>_ngcontent-c19</em></strong> class that the other <em>host</em> elements do, and so I assume this is a case of view encapsulation. </p>
  
  <p>However, after reading around with the deprecation of ::ng-deep and /deep/ and other encapsulation piercing constructs to be deprecated, what is a better solution to styling this element from within my component's css file?</p>