From 75d0ac657ec0f7d7782b41d4c1e0bf7925f712a6 Mon Sep 17 00:00:00 2001
From: James Rasell <jrasell@users.noreply.github.com>
Date: Wed, 15 Jan 2025 16:27:10 +0100
Subject: [PATCH] ui: Fill service check background object for pending checks.
 (#24818)

---
 .changelog/24818.txt                   | 3 +++
 ui/app/styles/components/services.scss | 3 +++
 2 files changed, 6 insertions(+)
 create mode 100644 .changelog/24818.txt

diff --git a/.changelog/24818.txt b/.changelog/24818.txt
new file mode 100644
index 00000000000..e569eb78429
--- /dev/null
+++ b/.changelog/24818.txt
@@ -0,0 +1,3 @@
+```release-note:bug
+ui: Ensure pending service check blocks are filled
+```
diff --git a/ui/app/styles/components/services.scss b/ui/app/styles/components/services.scss
index cd2fe1c0320..7187e35e735 100644
--- a/ui/app/styles/components/services.scss
+++ b/ui/app/styles/components/services.scss
@@ -119,6 +119,9 @@ table.health-checks {
           &.status-success {
             background-color: $nomad-green;
           }
+          &.status-pending {
+            background-color: $gray-300;
+          }
           &.status-failure {
             background-color: $red;
           }