Fixing error msgs misalignment

src/app/screens/LoginScreen.js

@@ -110,10 +110,13 @@ export default function LoginScreen(props) {
             marginBottom={dimensions.spacing.big_padding}
           />
 
+          <View
+            style={{paddingHorizontal: 16, marginBottom: 12}}>
           <ErrorMessage
             error="Email ou senha inválidos"
             visible={loginFailed}
           />
+            </View>
 
           <View style={{ paddingBottom: 24 }}>
             <FormField

src/app/screens/RainSharingDataScreen.js

@@ -176,7 +176,9 @@ const styles = StyleSheet.create({
     backgroundColor: colors.white,
   },
   error_txt: {
-    fontSize: dimensions.text.default,
+    paddingHorizontal: 16,
+    marginTop: 12,
+    fontSize: 18,
     color: colors.danger,
   },
   labelStyle: {

src/app/screens/RiverFloodSharingDataScreen.js

@@ -185,6 +185,8 @@ const styles = StyleSheet.create({
     justifyContent: "space-between",
   },
   error_txt: {
+    paddingHorizontal: 16,
+    marginTop: 12,
     fontSize: 18,
     color: colors.danger,
   },

src/app/screens/SharingFloodZonesScreen.js

@@ -146,6 +146,7 @@ const styles = StyleSheet.create({
     justifyContent: "center",
   },
   error_txt: {
+    marginTop: 12,
     paddingHorizontal: 16,
     fontSize: 18,
     color: colors.danger,