2 files changed, 5 insertions, 2 deletions
diff --git a/src/components/onboarding/ArrowButton.tsx b/src/components/onboarding/ArrowButton.tsx
index bf07c6ac..57ebc774 100644
--- a/src/components/onboarding/ArrowButton.tsx
+++ b/src/components/onboarding/ArrowButton.tsx
@@ -4,6 +4,7 @@ import {Image, TouchableOpacity, TouchableOpacityProps} from 'react-native';
 interface ArrowButtonProps extends TouchableOpacityProps {
   direction: 'forward' | 'backward';
   disabled?: boolean;
+  onboarding?: boolean
 }
 const ArrowButton: React.FC<ArrowButtonProps> = (props: ArrowButtonProps) => {
   const arrow =
@@ -11,7 +12,9 @@ const ArrowButton: React.FC<ArrowButtonProps> = (props: ArrowButtonProps) => {
       ? props.disabled
         ? require('../../assets/images/arrow-forward-disabled.png')
         : require('../../assets/images/arrow-forward-enabled.png')
-      : require('../../assets/images/arrow-backward.png');
+      : require('../../assets/images/arrow-backward.png')
+      ? props.onboarding
+      : require ('../../assets/images/onboarding-arrow.png')
 
   return (
     <TouchableOpacity {...props}>
diff --git a/src/components/onboarding/TaggInput.tsx b/src/components/onboarding/TaggInput.tsx
index 657ce822..d52117b0 100644
--- a/src/components/onboarding/TaggInput.tsx
+++ b/src/components/onboarding/TaggInput.tsx
@@ -16,7 +16,7 @@ const TaggInput = React.forwardRef((props: TaggInputProps, ref: any) => {
   return (
     <View style={styles.container}>
       <TextInput
-        style={styles.input}
+        style={[styles.input, props.externalStyles?.inputWarning]}
         placeholderTextColor="#ddd"
         clearButtonMode="while-editing"
         ref={ref}