diff --git a/src/components/primitives/Slider/SliderThumb.tsx b/src/components/primitives/Slider/SliderThumb.tsx
index 10ee3808f9..f27a741ae4 100644
--- a/src/components/primitives/Slider/SliderThumb.tsx
+++ b/src/components/primitives/Slider/SliderThumb.tsx
@@ -1,5 +1,5 @@
import React, { forwardRef } from 'react';
-import { Platform } from 'react-native';
+import { Platform, StyleSheet } from 'react-native';
import { useSliderThumb } from '@react-native-aria/slider';
import { VisuallyHidden } from '@react-aria/visually-hidden';
import { useToken } from '../../../hooks';
@@ -64,22 +64,35 @@ function SliderThumb(props: ISliderThumbProps, ref: any) {
return null;
}
+ const styles = StyleSheet.create({
+ wrapper: {
+ width: '100%',
+ },
+ });
+
return (
- {props.children}
- {Platform.OS === 'web' && (
-
-
-
- )}
+
+ {props.children}
+ {Platform.OS === 'web' && (
+
+
+
+ )}
+
);
}
diff --git a/src/components/primitives/Slider/SliderTrack.tsx b/src/components/primitives/Slider/SliderTrack.tsx
index 28cfcbfc81..58f1483604 100644
--- a/src/components/primitives/Slider/SliderTrack.tsx
+++ b/src/components/primitives/Slider/SliderTrack.tsx
@@ -44,6 +44,8 @@ const SliderTrack = ({ children, ...props }: ISliderTrackProps, ref?: any) => {
return (