<div class="card">
  <h2>{{page.name}}</h2>
  <div class="page-metrics">
    <osm-csi-value [csiValue]="pageCsi$ | async" [isBig]="false" [description]="'CSI'"></osm-csi-value>
    <div *ngIf="metricsForPage$ | async, let metricsDto" class="metric-list">
      <div class="metric">
        <i class="far fa-eye metric-icon"></i>
        <div class="metric-value">{{transform(metricsDto.speedIndex / 1000)}}</div>
        <div class="metric-unit">s</div>
        <div class="metric-description">SpeedIndex</div>
      </div>
      <div class="metric">
        <i class="fas fa-stopwatch metric-icon"></i>
        <div class="metric-value">{{transform(metricsDto.docCompleteTimeInMillisecs / 1000)}}</div>
        <div class="metric-unit">s</div>
        <div class="metric-description">Document Complete</div>
      </div>
      <div class="metric">
        <i class="fas fa-weight-hanging metric-icon"></i>
        <div class="metric-value">{{transform(convertToMib(metricsDto.fullyLoadedIncomingBytes))}}</div>
        <div class="metric-unit">MB</div>
        <div class="metric-description">Bytes Fully Loaded</div>
      </div>
    </div>
  </div>
</div>

<div class="card">
  <h2>{{page.name}}</h2>
  <div class="page-metrics">
    <osm-csi-value [csiValue]="pageCsi$ | async" [isBig]="false" [description]="'CSI'"></osm-csi-value>
    <div *ngIf="metricsForPage$ | async, let metricsDto" class="metric-list">
      <div class="metric">
        <i class="far fa-eye metric-icon"></i>
        <div class="metric-value">{{transform(metricsDto.speedIndex / 1000)}}</div>
        <div class="metric-unit">s</div>
        <div class="metric-description">SpeedIndex</div>
      </div>
      <div class="metric">
        <i class="fas fa-stopwatch metric-icon"></i>
        <div class="metric-value">{{transform(metricsDto.docCompleteTimeInMillisecs / 1000)}}</div>
        <div class="metric-unit">s</div>
        <div class="metric-description">Document Complete</div>
      </div>
      <div class="metric">
        <i class="fas fa-weight-hanging metric-icon"></i>
        <div class="metric-value">{{transform(convertToMib(metricsDto.fullyLoadedIncomingBytes))}}</div>
        <div class="metric-unit">MiB</div>
        <div class="metric-description">Bytes Fully Loaded</div>
      </div>
    </div>
  </div>
</div>

Use correct unit, MiB instead of MB, on application dashboard
[IT-2237] Use correct unit, MiB instead of MB, on application dashboard
