diff --git a/frontend/components/SectionHeader/_styles.scss b/frontend/components/SectionHeader/_styles.scss index 943ea5c9e1..5c26379960 100644 --- a/frontend/components/SectionHeader/_styles.scss +++ b/frontend/components/SectionHeader/_styles.scss @@ -5,8 +5,9 @@ &__left-header { display: flex; - align-items: center; + align-items: baseline; gap: $pad-small; + &--vertical { flex-direction: column; } diff --git a/frontend/components/TableContainer/_styles.scss b/frontend/components/TableContainer/_styles.scss index b4ad02faea..f15fdf5824 100644 --- a/frontend/components/TableContainer/_styles.scss +++ b/frontend/components/TableContainer/_styles.scss @@ -146,7 +146,7 @@ &__results-count { display: flex; - align-items: center; + align-items: baseline; font-size: $x-small; font-weight: $bold; color: $core-fleet-black; @@ -154,6 +154,10 @@ height: 40px; gap: 12px; + > span { + line-height: 40px; // Match other header components' height but still align text baseline + } + .count-error { color: $ui-error; } diff --git a/frontend/pages/DashboardPage/components/InfoCard/_styles.scss b/frontend/pages/DashboardPage/components/InfoCard/_styles.scss index 6dc9ca5306..bf95e898dd 100644 --- a/frontend/pages/DashboardPage/components/InfoCard/_styles.scss +++ b/frontend/pages/DashboardPage/components/InfoCard/_styles.scss @@ -34,6 +34,7 @@ &__section-title-group { display: flex; gap: 0.75rem; + align-items: baseline; } &__section-title-detail {