Icon in InputLeftElement of a input field not animating properly

### Description

I have a login page where i have some input fields with icons on left. I am doing some animation (used react-native-reanimated) when a user focus on that input field. While doing this animation icons of input field going out of the screen+input field.

### CodeSandbox/Snack link

https://snack.expo.dev/@rassemdev/login-page

### Steps to reproduce

1. Load the page
2. Focus on input field

### NativeBase Version

3.2.1

### Platform

- [X] Android
- [ ] CRA
- [ ] Expo
- [X] iOS
- [ ] Next

### Other Platform

_No response_

### Additional Information

Those are my dependencies:

"dependencies": {
"@react-native-community/datetimepicker": "^3.5.2",
"@react-native-community/masked-view": "^0.1.11",
"@react-native-community/netinfo": "^6.0.0",
"@react-navigation/material-top-tabs": "^6.0.6",
"@react-navigation/native": "^5.9.4",
"@react-navigation/stack": "^5.14.5",
"moment": "^2.29.1",
"native-base": "^3.2.1",
"react": "17.0.1",
"react-native": "0.64.2",
"react-native-app-auth": "^6.4.0",
"react-native-gesture-handler": "^1.10.3",
"react-native-pager-view": "^5.4.9",
"react-native-reanimated": "^2.8.0",
"react-native-responsive-screen": "^1.4.2",
"react-native-safe-area-context": "^3.2.0",
"react-native-screens": "^3.4.0",
"react-native-sqlite-storage": "^5.0.0",
"react-native-svg": "^12.1.1",
"react-native-tab-view": "^3.1.1",
"react-native-vector-icons": "^8.1.0",
"recyclerlistview": "^3.0.5",
"styled-components": "^5.3.0",
"styled-system": "^5.1.5"
},