title: Styles not applying on component level but on global level
body: <p>I am using ngPrime components and if i style them styles are not applying on dashboard.component.sass file but they apply when i use the global style.sass file.</p>
  
  <p>dashboard.component.html file</p>
  
  <pre><code>&lt;p-dropdown [options]="reports" styleClass="report-dropdown"&gt;
        &lt;ng-template let-item pTemplate="selectedItem"&gt;
          &lt;i class="fas fa-th" style="fill: white;"&gt;&lt;/i&gt;
          &lt;span style="vertical-align:middle"&gt;
            {{item.label}}&lt;/span&gt;
        &lt;/ng-template&gt;
      &lt;/p-dropdown&gt;
  </code></pre>
  
  <p>dashboard.component.scss and global style.scss file</p>
  
  <pre><code>.report-dropdown {
    .ui-dropdown-label {
      background-color: $secondary;
      color: white;
    }
    .ui-dropdown-trigger {
      color: white;
      background-color: $secondary;
      border: none;
    }
  }
  </code></pre>