move padding right to use utility function

Co-authored-by: Rajat Parashar <[email protected]>

Author: anthony-hull

src/components/ExpensiTextInput/BaseExpensiTextInput.js

@@ -201,7 +201,7 @@ class BaseExpensiTextInput extends Component {
                                     placeholder={(this.state.isFocused || !this.props.label) ? this.props.placeholder : null}
                                     placeholderTextColor={themeColors.placeholderText}
                                     underlineColorAndroid="transparent"
-                                    style={[this.props.inputStyle, styles.flex1, styles.w100, !hasLabel && styles.pv0, this.props.secureTextEntry && styles.expensiTextInputWithIcon]}
+                                    style={[this.props.inputStyle, styles.flex1, styles.w100, !hasLabel && styles.pv0, this.props.secureTextEntry && styles.pr2]}
                                     multiline={this.props.multiline}
                                     onFocus={this.onFocus}
                                     onBlur={this.onBlur}

src/styles/styles.js

@@ -639,10 +639,6 @@ const styles = {
         zIndex: -1,
     },
 
-    expensiTextInputWithIcon: {
-        paddingRight: 8,
-    },
-
     expensiTextInputDesktop: addOutlineWidth({}, 0),
 
     expensiTextInputAndroid: left => ({