diff --git a/doc/newsfragments/2036_changed.make_hourglass_black.rst b/doc/newsfragments/2036_changed.make_hourglass_black.rst
new file mode 100644
index 000000000..17b0f97e9
--- /dev/null
+++ b/doc/newsfragments/2036_changed.make_hourglass_black.rst
@@ -0,0 +1 @@
+Fixed the coloring of the hourglass on interactive UI that was identical to the hovering background color.
\ No newline at end of file
diff --git a/testplan/web_ui/testing/src/Nav/InteractiveNavEntry.js b/testplan/web_ui/testing/src/Nav/InteractiveNavEntry.js
index 218851cd1..dbc8fc5e0 100644
--- a/testplan/web_ui/testing/src/Nav/InteractiveNavEntry.js
+++ b/testplan/web_ui/testing/src/Nav/InteractiveNavEntry.js
@@ -386,7 +386,7 @@ const styles = StyleSheet.create({
     height: "2.4em",
     width: "2.4em",
     cursor: "pointer",
-    color: MEDIUM_GREY,
+    color: BLACK,
     padding: "0.7em 0em 0.7em 0em",
     transition: "all 0.3s ease-out 0s !important",
   },
diff --git a/testplan/web_ui/testing/src/Nav/__tests__/__snapshots__/InteractiveNavEntry.test.js.snap b/testplan/web_ui/testing/src/Nav/__tests__/__snapshots__/InteractiveNavEntry.test.js.snap
index e0e24814a..ce408b46f 100644
--- a/testplan/web_ui/testing/src/Nav/__tests__/__snapshots__/InteractiveNavEntry.test.js.snap
+++ b/testplan/web_ui/testing/src/Nav/__tests__/__snapshots__/InteractiveNavEntry.test.js.snap
@@ -405,7 +405,7 @@ exports[`InteractiveNavEntry renders a testcase in "resetting" state 1`] = `
       beatFade={false}
       border={false}
       bounce={false}
-      className="inactiveEntryButton_klwly8"
+      className="inactiveEntryButton_104ny1c"
       fade={false}
       fixedWidth={false}
       flip={false}
@@ -494,7 +494,7 @@ exports[`InteractiveNavEntry renders a testcase in "running" state 1`] = `
       beatFade={false}
       border={false}
       bounce={false}
-      className="inactiveEntryButton_klwly8"
+      className="inactiveEntryButton_104ny1c"
       fade={false}
       fixedWidth={false}
       flip={false}
@@ -583,7 +583,7 @@ exports[`InteractiveNavEntry renders a testcase in "waiting" state 1`] = `
       beatFade={false}
       border={false}
       bounce={false}
-      className="inactiveEntryButton_klwly8"
+      className="inactiveEntryButton_104ny1c"
       fade={false}
       fixedWidth={false}
       flip={false}
@@ -843,7 +843,7 @@ exports[`InteractiveNavEntry renders an entry with environment status STARTING 1
       beatFade={false}
       border={false}
       bounce={false}
-      className="inactiveEntryButton_klwly8"
+      className="inactiveEntryButton_104ny1c"
       fade={false}
       fixedWidth={false}
       flip={false}
@@ -884,7 +884,7 @@ exports[`InteractiveNavEntry renders an entry with environment status STARTING 1
       beatFade={false}
       border={false}
       bounce={false}
-      className="inactiveEntryButton_klwly8"
+      className="inactiveEntryButton_104ny1c"
       fade={false}
       fixedWidth={false}
       flip={false}
@@ -925,7 +925,7 @@ exports[`InteractiveNavEntry renders an entry with environment status STARTING 1
       beatFade={false}
       border={false}
       bounce={false}
-      className="inactiveEntryButton_klwly8"
+      className="inactiveEntryButton_104ny1c"
       fade={false}
       fixedWidth={false}
       flip={false}
@@ -1185,7 +1185,7 @@ exports[`InteractiveNavEntry renders an entry with environment status STOPPING 1
       beatFade={false}
       border={false}
       bounce={false}
-      className="inactiveEntryButton_klwly8"
+      className="inactiveEntryButton_104ny1c"
       fade={false}
       fixedWidth={false}
       flip={false}
@@ -1226,7 +1226,7 @@ exports[`InteractiveNavEntry renders an entry with environment status STOPPING 1
       beatFade={false}
       border={false}
       bounce={false}
-      className="inactiveEntryButton_klwly8"
+      className="inactiveEntryButton_104ny1c"
       fade={false}
       fixedWidth={false}
       flip={false}
@@ -1267,7 +1267,7 @@ exports[`InteractiveNavEntry renders an entry with environment status STOPPING 1
       beatFade={false}
       border={false}
       bounce={false}
-      className="inactiveEntryButton_klwly8"
+      className="inactiveEntryButton_104ny1c"
       fade={false}
       fixedWidth={false}
       flip={false}