@@ -18,6 +18,7 @@ range props = styles <>? props.css
1818 { position: str "relative"
1919 , height: str "var(--s0)"
2020 , display: inlineBlock
21+ , boxSizing: borderBox
2122 }
2223
2324container ∷ Style
@@ -39,6 +40,7 @@ container =
3940 }
4041 , "input[type=range]::-webkit-slider-thumb": nested thumbStyle
4142 , "input[type=range]::-moz-range-thumb": nested thumbStyle
43+ , boxSizing: borderBox
4244 }
4345
4446thumbStyle ∷ Style
@@ -51,8 +53,7 @@ thumbStyle =
5153 , borderRadius: 50.0 # percent
5254 , background: str "white"
5355 , boxShadow: str "0 calc(var(--s-4)/2) var(--s-3) rgba(70,70,70,0.6)"
54− , bosSizing: borderBox
55− , transform: str "translate(0, -1px)"
56+ , boxSizing: borderBox
5657 }
5758
5859inputDisabled ∷ Style
@@ -90,6 +91,7 @@ track =
9091 , height: str "var(--s-3)"
9192 , borderRadius: str "calc(var(--s-3)/2)"
9293 , position: absolute
94+ , boxSizing: borderBox
9395 }
9496
9597disabled ∷ Style