google play accessibility issues - modal buttons size

src/app/components/Button.js

@@ -23,7 +23,7 @@ const styles = StyleSheet.create({
     justifyContent: "center",
     alignItems: "center",
     width: "100%",
-    height: 42,
+    height: 48,
     marginVertical: 10,
   },
   text: {

src/app/components/ConfirmationModal.js

@@ -8,14 +8,29 @@ function Btn({ label, onPress, bgColor, txtColor, style={} }) {
   return (
     <TouchableOpacity style={{ marginTop: 15 }} onPress={onPress}>
       <View
-        style={[style, {
+        style={[
+          style,
+          {
             paddingHorizontal: 40,
             paddingVertical: 7,
             backgroundColor: bgColor,
             borderRadius: 6,
-        }]}
+            height: 48,
+            flexDirection: "row",
+          },
+        ]}
       >
-        <Text style={{ color: txtColor, fontWeight: "bold", textTransform: "uppercase" }}>{label}</Text>
+        <Text
+          style={{
+            color: txtColor,
+            fontWeight: "bold",
+            textTransform: "uppercase",
+            textAlignVertical: "center",
+            alignSelf: "center",
+          }}
+        >
+          {label}
+        </Text>
       </View>
     </TouchableOpacity>
   );

src/app/components/LoadingMarkersModal.js

@@ -22,14 +22,19 @@ export default function LoadingMarkersModal({ show }) {
           style={{
             justifyContent: "flex-start",
             alignSelf: "flex-end",
+            width: 48,
+            height: 36,
+            alignContent:"center",
+            alignItems: "flex-end"
           }}
         >
           <TouchableOpacity onPress={() => setClosed(true)}>
             <MaterialCommunityIcons
               name="close"
-              size={20}
+              size={26}
               color={colors.primary}
               alignItems="center"
+              alignSelf="center"
             />
           </TouchableOpacity>
         </View>

src/app/screens/LoginScreen.js

@@ -180,6 +180,7 @@ export default function LoginScreen(props) {
           />
 
           <TouchableNativeFeedback
+          style={{height: 48}}
             onPress={() => {
               authContext.setUser(true);
             }}