diff --git a/.changeset/cool-shoes-hide.md b/.changeset/cool-shoes-hide.md
index 738b590954..ef7da1597c 100644
--- a/.changeset/cool-shoes-hide.md
+++ b/.changeset/cool-shoes-hide.md
@@ -4,4 +4,4 @@
 
 Added RangeSlider component for selecting numeric ranges.
 
-Affected components: RangeSlider
+**Affected components:** RangeSlider
diff --git a/packages/ui/src/components/RangeSlider/RangeSlider.module.css b/packages/ui/src/components/RangeSlider/RangeSlider.module.css
index 52524d50f3..76e44f74f6 100644
--- a/packages/ui/src/components/RangeSlider/RangeSlider.module.css
+++ b/packages/ui/src/components/RangeSlider/RangeSlider.module.css
@@ -98,7 +98,7 @@
     transition: all 200ms;
 
     &[data-focus-visible] {
-      outline: 2px solid var(--bui-bg-solid);
+      outline: 2px solid var(--bui-ring);
       outline-offset: 2px;
     }