updated accountBoost username container

src/screens/accountBoost/screen/accountBoostScreen.js

@@ -46,9 +46,11 @@ const AccountBoost = ({ navigation }) => {
                   style={styles.avatarStyle}
                   disableSize
                 />
-                <Text style={styles.usernameText}>
-                  {'@' + (username ? username : currentAccount.name)}
-                </Text>
+                <View style={styles.usernameContainer}>
+                  <Text style={styles.usernameText}>
+                    {'@' + (username ? username : currentAccount.name)}
+                  </Text>
+                </View>
               </View>
 
               <View style={styles.iconContainer}>

src/screens/accountBoost/screen/accountBoostStyles.js

@@ -32,17 +32,20 @@ export default EStyleSheet.create({
     borderColor: '$primaryBlue',
     borderWidth: 4,
   },
-  usernameText: {
-    backgroundColor: '$primaryBlue',
-    color: '$white',
+  usernameContainer: {
+    zIndex: -1,
     paddingVertical: 8,
     paddingRight: 20,
     paddingLeft: 16,
     marginLeft: -8,
-    zIndex: -1,
-    fontSize: 15,
     borderTopRightRadius: 20,
     borderBottomRightRadius: 20,
+    overflow: 'hidden',
+    backgroundColor: '$primaryBlue',
+  },
+  usernameText: {
+    color: '$white',
+    fontSize: 15,
     fontWeight: 'bold',
   },
   logoEstm: {