mempool/frontend/src/app/components/fees-box/fees-box.component.html

<table class="table mx-auto text-center" style="max-width: 550px">
  <tr>
    <td class="d-none d-md-table-cell border-top-0">1 hour</td>
    <td class="border-top-0">30 minutes</td>
    <td class="border-top-0">Next block</td>
  </tr>
  <tr *ngIf="(feeEstimations$ | async) as feeEstimations; else loadingFees">
    <td class="d-none d-md-table-cell">{{ feeEstimations.hourFee }} sat/vB (<app-fiat [value]="feeEstimations.hourFee * 250"></app-fiat>)</td>
    <td>{{ feeEstimations.halfHourFee }} sat/vB (<app-fiat [value]="feeEstimations.halfHourFee * 250"></app-fiat>)</td>
    <td>{{ feeEstimations.fastestFee }} sat/vB (<app-fiat [value]="feeEstimations.fastestFee * 250"></app-fiat>)</td>
  </tr>
  <ng-template #loadingFees>
    <tr>
      <td class="d-none d-md-table-cell"><span class="skeleton-loader"></span></td>
      <td><span class="skeleton-loader"></span></td>
      <td><span class="skeleton-loader"></span></td>
    </tr>
  </ng-template>
</table>