fixup! perf(material/slider): use flex to position tick marks

angular · Jan 9, 2025 · 5210d43 · 5210d43
1 parent 0f296db
commit 5210d43
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/material/slider/slider.scss b/src/material/slider/slider.scss
@@ -282,11 +282,17 @@ $_mat-slots: (tokens-mat-slider.$prefix, tokens-mat-slider.get-token-slots());
   display: flex;
   height: 100%;
   justify-content: space-between;
-  padding: 0 2px;
+  padding: 0 4px;
   position: absolute;
   width: 100%;
 }
 
+.mdc-slider__tick-mark--active,
+.mdc-slider__tick-mark--inactive {
+  flex-shrink: 0;
+  margin: -2px;
+}
+
 .mdc-slider__tick-mark--active,
 .mdc-slider__tick-mark--inactive {
   @include token-utils.use-tokens($_mdc-slots...) {