From f9d8b685439755eb4f7fbffb92e8c3be932bdf07 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Sun, 24 Jul 2022 18:34:27 +0200
Subject: [PATCH] Slider: Fixes styling of marker dots (#52678)

---
 packages/grafana-ui/src/components/Slider/styles.ts | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/grafana-ui/src/components/Slider/styles.ts b/packages/grafana-ui/src/components/Slider/styles.ts
index 3e37f1a3a54..deee13ea378 100644
--- a/packages/grafana-ui/src/components/Slider/styles.ts
+++ b/packages/grafana-ui/src/components/Slider/styles.ts
@@ -48,10 +48,16 @@ export const getStyles = stylesFactory((theme: GrafanaTheme2, isHorizontal: bool
       .rc-slider-handle:hover,
       .rc-slider-handle:active,
       .rc-slider-handle:focus,
-      .rc-slider-handle-click-focused:focus,
-      .rc-slider-dot-active {
+      .rc-slider-handle-click-focused:focus {
         ${hoverSyle};
       }
+
+      .rc-slider-dot,
+      .rc-slider-dot-active {
+        background-color: ${theme.colors.text.primary};
+        border-color: ${theme.colors.text.primary};
+      }
+
       .rc-slider-track {
         background-color: ${trackColor};
       }