title: ag grid styles are not working after installation
body: <p>this is my dashboard.component.html</p>
  <pre><code>&lt;ag-grid-angular style=&quot;width: 100%; height: 500px;&quot; class=&quot;ag-theme-balham&quot; [rowData]=&quot;rowData&quot;
          [columnDefs]=&quot;columnDefs&quot;&gt;
      &lt;/ag-grid-angular&gt;
  </code></pre>
  <p>this is my dashboard.component.ts</p>
  <pre><code>columnDefs = [
      { field: 'Date', sortable: true, filter: true },
      { field: 'Time Elapsed', sortable: true, filter: true },
      { field: 'UOID', sortable: true, filter: true },
      { field: 'Claim', sortable: true, filter: true },
      { field: 'Cust Name', sortable: true, filter: true },
      { field: 'Cust Mobile', sortable: true, filter: true },
      { field: 'City', sortable: true, filter: true },
      { field: 'Service', sortable: true, filter: true },
      { field: 'Amount', sortable: true, filter: true },
      { field: 'Online Received', sortable: true, filter: true },
      { field: 'Pay Mode', sortable: true, filter: true },
      { field: 'Pay Status', sortable: true, filter: true },
      { field: 'Order Status', sortable: true, filter: true },
      { field: 'Pilot', sortable: true, filter: true },
      { field: 'Action', sortable: true, filter: true }
  ];
  rowData = [];
  </code></pre>
  <p>this is my dashboard.module.ts</p>
  <pre><code>import { AgGridModule } from 'ag-grid-angular';
  @NgModule({
  providers: [
      {
        provide: HTTP_INTERCEPTORS,
        useClass: AuthInterceptor,
        multi: true
      }
  ],
  imports: [
      CommonModule, 
      NgbCarouselModule, 
      NgbAlertModule, 
      DashboardRoutingModule, 
      StatModule, 
      AgGridModule.withComponents([])
  ],
  declarations: [
      DashboardComponent, 
      TimelineComponent, 
      NotificationComponent, 
      ChatComponent
  ] }) export class DashboardModule {}
  </code></pre>
  <p>this is my dashboard.component.scss</p>
  <pre><code>@import  &quot;~ag-grid-community/dist/styles/ag-grid.css&quot;;
  @import  &quot;~ag-grid-community/dist/styles/ag-theme-balham.css&quot;;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/d3Py1.png" rel="nofollow noreferrer">the output what i am getting</a></p>
  <p>i am using SB admin bs4 dashboard. i don't no why this issue is not resolving</p>