title: Ag grid pagination arrow is not showing properly
body: <p>I have recently updated my angular project from v5 to v11 and also updated ag grid.After up-gradation the pagination button is showing like box not as arrow sign. <a href="https://i.stack.imgur.com/CDJ9h.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CDJ9h.png" alt="enter image description here" /></a></p>
  <pre><code>&lt;ag-grid-angular #agGrid
                   style=&quot;width: 1125px;min-height: 895px;border-radius: 16px;&quot;
                   id=&quot;myGrid&quot; 
                   class=&quot;ag-theme-balham&quot;
                   [rowData]=&quot;rowData&quot; 
                   [enableSorting]=&quot;true&quot;
                   [enableFilter]=&quot;true&quot; 
                   [enableColResize]=&quot;true&quot;
                   [paginationPageSize]=&quot;paginationPageSize&quot;
                   [columnDefs]=&quot;columnDefs&quot;
                   [autoGroupColumnDef]=&quot;autoGroupColumnDef&quot;
                   [icons]=&quot;icons&quot;
                   [rowSelection]=&quot;rowSelection&quot; 
                   (gridReady)=&quot;onGridReady($event)&quot;
                   [paginationAutoPageSize]=&quot;true&quot;
                   [pagination]=&quot;true&quot; 
                   [suppressRowClickSelection]=&quot;true&quot; 
                   [groupSelectsChildren]=&quot;true&quot;
                   [debug]=&quot;true&quot; 
                   [enableRangeSelection]=&quot;true&quot; 
                   [defaultColDef]=&quot;defaultColDef&quot;
                   [components]=&quot;components&quot;
                   [frameworkComponents]=&quot;frameworkComponents&quot;
                   [context]=&quot;context&quot;
                   [headerHeight]=&quot;headerHeight&quot; 
                   [gridOptions]=&quot;gridOptions&quot; 
                   [suppressContextMenu]=&quot;true&quot; 
                   [suppressMenuMainPanel]=&quot;true&quot;
                   [suppressMenuColumnPanel]=&quot;true&quot;
                   (cellClicked)='onCellClicked($event)'
                   [floatingFilter]=&quot;false&quot;
                   [enableColResize]=&quot;true&quot; 
                   [rowHeight]='32' &gt;
  &lt;/ag-grid-angular&gt;
  </code></pre>
  <p><strong>My grid option:</strong></p>
  <p>this.gridOptions = {</p>
  <pre><code>  context: {
      componentParent: this
    },
    enableColResize: true,
    enableSorting: true,
    // enable filtering 
    enableFilter: true,
    headerHeight:30,
  }
  </code></pre>
  <p><strong>Package.json:</strong>
  &quot;ag-grid&quot;: &quot;^18.1.2&quot;,
  &quot;ag-grid-angular&quot;: &quot;^24.1.0&quot;,
  &quot;ag-grid-community&quot;: &quot;^24.1.0&quot;,
  &quot;ag-grid-enterprise&quot;: &quot;^24.1.0&quot;,
  &quot;angular-font-awesome&quot;: &quot;^3.1.2&quot;</p>
  <p>Please let me know where i m doing wrong, any help is appreciated</p>