diff --git a/static/css/log.css b/static/css/log.css
index 22eb166f..6a878632 100644
--- a/static/css/log.css
+++ b/static/css/log.css
@@ -80,11 +80,6 @@
     margin-bottom: 60px;
 }
 
-#log-slider .noUi-value {
-    font-size: 12px;
-    padding-top: 5px;
-}
-
 #log-slider .noUi-connect {
     background-color: var(--link-color);
 }
diff --git a/static/css/my_checks.css b/static/css/my_checks.css
index a100e8c0..0741f850 100644
--- a/static/css/my_checks.css
+++ b/static/css/my_checks.css
@@ -145,8 +145,7 @@
 }
 
 #period-slider .noUi-value, #grace-slider .noUi-value {
-    font-size: 12px;
-    padding-top: 5px;
+    color: var(--text-muted);
 }
 
 .update-timeout-terms {
diff --git a/static/css/nouislider.dark.css b/static/css/nouislider.dark.css
index ad54ea40..3be4ed14 100644
--- a/static/css/nouislider.dark.css
+++ b/static/css/nouislider.dark.css
@@ -16,12 +16,4 @@ body.dark .noUi-handle {
 
 body.dark .noUi-marker {
     background: #777;
-}
-
-body.dark .noUi-pips {
-    color: hsl(240, 3%, 55%);
-}
-
-body.dark .noUi-value-sub {
-    color: hsl(240, 3%, 45%);
-}
+}
\ No newline at end of file
diff --git a/static/css/nouislider.hc.css b/static/css/nouislider.hc.css
new file mode 100644
index 00000000..1a678232
--- /dev/null
+++ b/static/css/nouislider.hc.css
@@ -0,0 +1,9 @@
+.noUi-target .noUi-value {
+    color: var(--text-color);
+    font-size: 12px;
+    padding-top: 5px;
+}
+
+.noUi-target .noUi-value-sub {
+    color: var(--text-muted);
+}
diff --git a/templates/base.html b/templates/base.html
index 339f7504..7668cbe7 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -46,6 +46,7 @@
     <link rel="stylesheet" href="{% static 'css/my_checks.css' %}" type="text/css">
     <link rel="stylesheet" href="{% static 'css/my_checks_desktop.css' %}" type="text/css">
     <link rel="stylesheet" href="{% static 'css/nouislider.min.css' %}" type="text/css">
+    <link rel="stylesheet" href="{% static 'css/nouislider.hc.css' %}" type="text/css">
     <link rel="stylesheet" href="{% static 'css/nouislider.dark.css' %}" type="text/css">
     <link rel="stylesheet" href="{% static 'css/ping_details.css' %}" type="text/css">
     <link rel="stylesheet" href="{% static 'css/pricing.css' %}" type="text/css">