I am trying to create a container with some info inside and a close button in the corner. The container itself has some elevation and contains a TouchableWithoutFeedback element, as does the close button. I am trying to make it like so, however it looks like so (you can see the button barely on the top left of the container. The styling for the container with the info and the icon inside a View and the styling for the two are:
infoContainer: { backgroundColor: 'white', borderRadius: 16, paddingVertical: 17, paddingHorizontal: 20, flexDirection: 'row', justifyContent: 'space-between', width: wp('90%'), shadowColor: '#0d263a', shadowOpacity: 0.15, shadowOffset: { width: 0, height: 15 }, elevation: 20, borderWidth: 2, marginBottom: 12, zIndex: -1, }, iconContainer: { zIndex: 9999, position: 'absolute', backgroundColor: '#f3f8fe', },