osm-csi-graph {
  display: block;
  flex-grow: 1;
}

osm-csi-value {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 260px;
}

.card > .csi {
  display: flex;
}

.application-csi {
  margin-bottom: 30px;
}

$items-per-row: 5;
$grid-gap: 20px;

osm-csi-graph {
  display: block;
  flex-grow: 1;
  padding-left: 20px;
}

osm-csi-value {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -$grid-gap;
  min-width: calc(290px - #{$grid-gap});
  width: calc(100% / #{$items-per-row} - 8px);
}

.card > .csi {
  display: flex;
}

.application-csi {
  margin-bottom: 30px;
}

Adjust csi value positioning, that it is centered on same width as page card below.
[IT-2411] Adjust csi value positioning, that it is centered on same width as page card below.
