profile fix

src/components/AvatarWithInitials/index.tsx

@@ -9,13 +9,15 @@ export const AvatarWithInitials = ({
   flag,
   size,
   borderColor = Colors.FILL_LIGHT,
-  fontSize = 22
+  fontSize = 22,
+  borderWidth = 2
 }: {
   text: string;
   flag: string;
   size: number;
   borderColor?: string;
   fontSize?: number;
+  borderWidth?: number;
 }) => {
   const shadowProps = [
     { textShadowOffset: { width: -0.5, height: -0.5 } },
@@ -34,7 +36,10 @@ export const AvatarWithInitials = ({
 
   return (
     <View
-      style={[styles.container, { width: size, height: size, borderRadius: size / 2, borderColor }]}
+      style={[
+        styles.container,
+        { width: size, height: size, borderRadius: size / 2, borderColor, borderWidth }
+      ]}
     >
       <Image style={styles.avatar} source={{ uri: flag }} />
       <View style={styles.initialsContainer}>

src/components/AvatarWithInitials/styles.tsx

@@ -5,8 +5,7 @@ export const styles = StyleSheet.create({
   container: {
     alignItems: 'center',
     justifyContent: 'center',
-    overflow: 'hidden',
-    borderWidth: 2
+    overflow: 'hidden'
   },
   avatar: {
     width: '100%',

src/screens/InAppScreens/ProfileScreen/Components/PersonalInfo.tsx

@@ -193,6 +193,7 @@ export const PersonalInfo: FC<PersonalInfoProps> = ({
                         size={28}
                         borderColor={Colors.DARK_LIGHT}
                         fontSize={11}
+                        borderWidth={1}
                       />
                     )}
                   </TouchableOpacity>