decrease distance between bottomBorder and text

As an underline, I have added borderBottom to a view that is wrapped around my text element. However, the bottom is a bit lower than how I want it to be. Is there any way I can reduce the distance?

<View            style={[              styles.textContainer,              selected === index ? styles.selectedTab : null,            ]}><Text style={styles.tabText}>{item.text}</Text></View>

  selectedTab: {    borderBottomWidth: 3,    borderBottomColor: 'red',  }

Codesandbox:You'll see the underline when you click on one of the text items.https://snack.expo.io/@nhammad/shallow-watermelon