Adjusting opening button in data menu modal

src/app/components/MapDataMenu.js

@@ -151,7 +151,7 @@ function Border() {
         height: 2,
         borderRadius: 2,
         paddingHorizontal: 16,
-        // backgroundColor: colors.separatorGray,
+        backgroundColor: colors.separatorGray,
       }}
     />
   );
@@ -296,15 +296,34 @@ function DataMenuBody({ setShowModal }) {
   );
 }
 
+function ModalOpenBtn({setShowModal}) {
+  return (
+      <TouchableOpacity
+        onPress={() => setShowModal()}
+      >
+      <View
+        style={{
+          width: "100%",
+          height: 48,
+          backgroundColor: colors.primary,
+          justifyContent: "center",
+          alignItems: "center"
+        }}>
+        <Text style={styles.text}>VISUALIZAR DADOS NO MAPA</Text>
+      </View>
+      </TouchableOpacity>
+  );
+}
+
 export default function MapDataMenu(props) {
   const [showModal, setShowModal] = useState(null);
   return (
     <View
     >
-      <Button
-        title={"VISUALIZAR DADOS NO MAPA"}
-        onPress={() => setShowModal(true)}
-      />
+
+      <ModalOpenBtn
+        setShowModal={() => setShowModal(true)}/>
+
       <SelfClosingModal
         style={{position:"absolute"}}
         animationType="slide"