added default for arrowbutton

1 files changed, 6 insertions, 1 deletions

diff --git a/src/components/onboarding/ArrowButton.tsx b/src/components/onboarding/ArrowButton.tsx
index dcf559a8..67fd0f62 100644
--- a/src/components/onboarding/ArrowButton.tsx
+++ b/src/components/onboarding/ArrowButton.tsx
@@ -5,6 +5,7 @@ import {
   TouchableOpacity,
   TouchableOpacityProps,
 } from 'react-native';
+import {normalize} from '../../utils';
 
 interface ArrowButtonProps extends TouchableOpacityProps {
   direction: 'forward' | 'backward';
@@ -30,7 +31,7 @@ const ArrowButton: React.FC<ArrowButtonProps> = (props) => {
   }
 
   return (
-    <TouchableOpacity {...props}>
+    <TouchableOpacity style={[styles.defautSize, props.style]} {...props}>
       <Image style={styles.image} source={uri} />
     </TouchableOpacity>
   );
@@ -41,6 +42,10 @@ const styles = StyleSheet.create({
     width: '100%',
     height: '100%',
   },
+  defautSize: {
+    width: normalize(29),
+    height: normalize(25),
+  },
 });
 
 export default ArrowButton;