diff --git a/packages/components/src/mobile/bottom-sheet/range-cell.native.js b/packages/components/src/mobile/bottom-sheet/range-cell.native.js index 89e48fb62aee7..6f082edb37ded 100644 --- a/packages/components/src/mobile/bottom-sheet/range-cell.native.js +++ b/packages/components/src/mobile/bottom-sheet/range-cell.native.js @@ -239,7 +239,9 @@ class BottomSheetRangeCell extends Component { ref={ ( slider ) => { this.sliderRef = slider; } } - style={ styles.slider } + style={ + isIOS ? styles.sliderIOS : styles.sliderAndroid + } accessibilityRole={ 'adjustable' } /> { shouldDisplayTextInput && ( diff --git a/packages/components/src/mobile/bottom-sheet/range-cell.native.scss b/packages/components/src/mobile/bottom-sheet/range-cell.native.scss index 7f0ab84ac494f..ed7ecb16ab372 100644 --- a/packages/components/src/mobile/bottom-sheet/range-cell.native.scss +++ b/packages/components/src/mobile/bottom-sheet/range-cell.native.scss @@ -1,7 +1,12 @@ -.slider { +.sliderIOS { flex-grow: 1; } +.sliderAndroid { + flex-grow: 1; + margin-left: -6px; +} + .sliderTextInput { min-height: 25px; align-self: center;