Merge pull request #8346 from Santhosh-Sellavel/audit_fix_eye_button_outline

Author: thienlnam

src/components/TextInput/BaseTextInput.js

@@ -262,7 +262,6 @@ class BaseTextInput extends Component {
                                             this.props.inputStyle,
                                             !hasLabel && styles.pv0,
                                             this.props.prefixCharacter && StyleUtils.getPaddingLeft(this.state.prefixWidth + styles.pl1.paddingLeft),
-                                            this.props.secureTextEntry && styles.secureInput,
                                         ]}
                                         multiline={this.props.multiline}
                                         maxLength={this.props.maxLength}
@@ -276,7 +275,7 @@ class BaseTextInput extends Component {
                                     {this.props.secureTextEntry && (
                                         <Pressable
                                             accessibilityRole="button"
-                                            style={styles.secureInputEyeButton}
+                                            style={styles.secureInputShowPasswordButton}
                                             onPress={this.togglePasswordVisibility}
                                         >
                                             <Icon

src/styles/styles.js

@@ -715,14 +715,12 @@ const styles = {
 
     textInputDesktop: addOutlineWidth({}, 0),
 
-    secureInputEyeButton: {
+    secureInputShowPasswordButton: {
+        borderTopRightRadius: 6,
+        borderBottomRightRadius: 6,
         paddingHorizontal: 11,
         justifyContent: 'center',
-    },
-
-    secureInput: {
-        borderTopRightRadius: 0,
-        borderBottomRightRadius: 0,
+        margin: 1,
     },
 
     textInput: {