This is my current code

 <View
              style={[
                GlobalStyles.row,
                {width: '100%', gap: 10, justifyContent: 'space-between'},
              ]}>
              <View style={[GlobalStyles.row, {flex: 1, gap: 3}]}>
                <Text
                  style={{
                    color: COLORS.textBlack,
                    fontSize: 16,
                    fontWeight: '600',
                  }}
                  numberOfLines={1}>
                  TEMBEA KENYA COMMUNITY
                </Text>
                <Iconify
                  icon="fluent:checkmark-starburst-24-filled"
                  size={16}
                  color={COLORS.bgPrimary}
                />
              </View>
              <Text
                style={{
                  color: COLORS.statusBorder,
                  fontSize: 12,
                  fontWeight: '600',
                }}
                numberOfLines={1}>
                11 months
              </Text>
            </View>

and am currently getting this(Image 1)

Yet i want to achieve this (Image 2)

but when i add flex: 1 to the text, it behaves like a justify content between by adding a space like this(Image 3) .