title: How to fix mat-paginator size
body: <p>In <code>mat-table</code> for pagination, there is no flexibility for <code>sticky-table</code>.
  In pagination after move there is no <code>css</code> is apply (as shown in images).
  I tried to give a background color but it is not working. refer this code :
  <a href="https://stackblitz.com/angular/bbmgqanjelq?file=app%2Ftable-sticky-columns-example.css" rel="nofollow noreferrer">https://stackblitz.com/angular/bbmgqanjelq?file=app%2Ftable-sticky-columns-example.css</a></p>
  
  <p><a href="https://i.stack.imgur.com/Jql4S.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Jql4S.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/CVDRw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CVDRw.png" alt="![enter image description here"></a></p>
  
  <pre><code>.mat-paginator{
      background-color: brown;
      color: gold;
      font-size: 1rem;
  }
  
  .mat-header-cell{
      font-size: 1rem;
      background-color: brown;
      color: gold;
    }
  .example-container {
    height: 460px;
    width: 550px;
    overflow: auto;
  }
  table {
    width: 800px;
  }
  </code></pre>
  
  <pre><code>&lt;div class="example-container mat-elevation-z8"&gt;
    &lt;table mat-table [dataSource]="dataSource"&gt;
  
      &lt;!-- Name Column --&gt;
      &lt;ng-container matColumnDef="name" sticky&gt;
        &lt;th mat-header-cell *matHeaderCellDef&gt; Name &lt;/th&gt;
        &lt;td mat-cell *matCellDef="let element"&gt; {{element.name}} &lt;/td&gt;
      &lt;/ng-container&gt;
  
      &lt;!-- Position Column --&gt;
      &lt;ng-container matColumnDef="position"&gt;
        &lt;th mat-header-cell *matHeaderCellDef&gt; No. &lt;/th&gt;
        &lt;td mat-cell *matCellDef="let element"&gt; {{element.position}} &lt;/td&gt;
      &lt;/ng-container&gt;
  
      &lt;!-- Weight Column --&gt;
      &lt;ng-container matColumnDef="weight"&gt;
        &lt;th mat-header-cell *matHeaderCellDef&gt; Weight &lt;/th&gt;
        &lt;td mat-cell *matCellDef="let element"&gt; {{element.weight}} &lt;/td&gt;
      &lt;/ng-container&gt;
  
  &lt;!-- Star Column --&gt;
      &lt;ng-container matColumnDef="star" stickyEnd&gt;
        &lt;th mat-header-cell *matHeaderCellDef&gt;&lt;/th&gt;
        &lt;td mat-cell *matCellDef="let element"&gt;
          &lt;mat-icon&gt;more_vert&lt;/mat-icon&gt;
        &lt;/td&gt;
      &lt;/ng-container&gt;
  
  &lt;tr mat-header-row *matHeaderRowDef="displayedColumns"&gt;&lt;/tr&gt;
  &lt;tr mat-row *matRowDef="let row; columns: displayedColumns;"&gt;&lt;/tr&gt;
   &lt;/table&gt;
  
  &lt;mat-paginator [length]="50" [pageSizeOptions]="[10, 20, 30]" showFirstLastButtons&gt;
  &lt;/mat-paginator&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>if we move the table paginator should look same as before.</p>