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

<table class="table mx-auto text-center" style="width: 500px">
  <tr>
    <td style="border-top: 0px; width: 33%;">1 hour</td>
    <td style="border-top: 0px; width: 33%;">30 minutes</td>
    <td style="border-top: 0px; width: 33%;">Next block</td>
  </tr>
  <tr *ngIf="(feeEstimations$ | async) as feeEstimations; else loadingFees">
    <td>{{ 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><span class="skeleton-loader"></span></td>
      <td><span class="skeleton-loader"></span></td>
      <td><span class="skeleton-loader"></span></td>
    </tr>
  </ng-template>
</table>