diff --git a/web/ui/mantine-ui/src/pages/targets/ScrapePoolsList.tsx b/web/ui/mantine-ui/src/pages/targets/ScrapePoolsList.tsx
index 77261803fc..66e8f0e953 100644
--- a/web/ui/mantine-ui/src/pages/targets/ScrapePoolsList.tsx
+++ b/web/ui/mantine-ui/src/pages/targets/ScrapePoolsList.tsx
@@ -236,14 +236,16 @@ const ScrapePoolList: FC<ScrapePoolListProp> = ({
                           value: (pool.upCount / pool.count) * 100,
                           color: "green.4",
                         },
-                        {
-                          value: (pool.downCount / pool.count) * 100,
-                          color: "red.5",
-                        },
+                        // Important that gray is the middle one, since the middle one seems to be
+                        // the default color if all three values are 0 (empty pool = gray).
                         {
                           value: (pool.unknownCount / pool.count) * 100,
                           color: "gray.4",
                         },
+                        {
+                          value: (pool.downCount / pool.count) * 100,
+                          color: "red.5",
+                        },
                       ]}
                     />
                   </Group>