From f15e45ea26b4dd10473af6597c51e91cbb0ca3a1 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Thu, 9 Jan 2025 15:01:09 -0500
Subject: [PATCH] Fleet UI: Align update text baseline with neighboring text
 (#25298)

---
 frontend/components/SectionHeader/_styles.scss              | 3 ++-
 frontend/components/TableContainer/_styles.scss             | 6 +++++-
 .../pages/DashboardPage/components/InfoCard/_styles.scss    | 1 +
 3 files changed, 8 insertions(+), 2 deletions(-)

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 {