diff --git a/src/internal/components/chart-legend/styles.scss b/src/internal/components/chart-legend/styles.scss index 680b73c3..59604689 100644 --- a/src/internal/components/chart-legend/styles.scss +++ b/src/internal/components/chart-legend/styles.scss @@ -63,6 +63,7 @@ @include styles.default-text-style; display: inline-flex; + align-items: center; padding-block: 0; padding-inline: 0; border-block: 0; diff --git a/src/internal/components/series-details/styles.scss b/src/internal/components/series-details/styles.scss index b5f05902..02deed45 100644 --- a/src/internal/components/series-details/styles.scss +++ b/src/internal/components/series-details/styles.scss @@ -40,6 +40,7 @@ $font-weight-bold: cs.$font-weight-heading-s; > .key { @include styles.text-wrapping; display: inline-flex; + align-items: center; color: cs.$color-text-group-label; } } diff --git a/src/internal/components/series-marker/styles.scss b/src/internal/components/series-marker/styles.scss index 297e37a8..2d8367c3 100644 --- a/src/internal/components/series-marker/styles.scss +++ b/src/internal/components/series-marker/styles.scss @@ -8,12 +8,13 @@ $marker-size: 16px; $marker-inline-size: 25px; // marker-inline-size is greater than marker-size, to have space for the (potential) status marker. -$marker-margin-top: cs.$space-static-xxxs; $marker-margin-right: cs.$space-static-xxs; .marker { @include styles.styles-reset; - margin-block-start: $marker-margin-top; + display: flex; + align-items: center; + justify-content: center; border-start-start-radius: 2px; border-start-end-radius: 2px; border-end-start-radius: 2px;