diff --git a/packages/mobile/src/components/core/TextInput.tsx b/packages/mobile/src/components/core/TextInput.tsx index ed9bd8c529..a8bf617b6f 100644 --- a/packages/mobile/src/components/core/TextInput.tsx +++ b/packages/mobile/src/components/core/TextInput.tsx @@ -81,9 +81,7 @@ const useStyles = makeStyles(({ typography, palette, spacing }) => ({ color: palette.neutralLight7 }, startAdornment: {}, - endAdornment: { - alignSelf: 'flex-end' - }, + endAdornment: {}, inputAccessory: { flexDirection: 'row', justifyContent: 'flex-end' diff --git a/packages/mobile/src/components/fields/TextField.tsx b/packages/mobile/src/components/fields/TextField.tsx index 932b53504b..8438817851 100644 --- a/packages/mobile/src/components/fields/TextField.tsx +++ b/packages/mobile/src/components/fields/TextField.tsx @@ -1,6 +1,6 @@ import { useField } from 'formik' import { capitalize } from 'lodash' -import { View } from 'react-native' +import { Platform, View } from 'react-native' import type { TextInputProps } from 'app/components/core' import { TextInput, InputErrorMessage } from 'app/components/core' @@ -18,7 +18,9 @@ const useStyles = makeStyles(({ spacing, typography }) => ({ label: { marginBottom: spacing(2) }, input: { fontSize: typography.fontSize.large, - fontFamily: typography.fontByWeight.demiBold + fontFamily: typography.fontByWeight.demiBold, + lineHeight: + Platform.OS === 'ios' ? typography.fontSize.xl : typography.fontSize.large }, labelText: { fontSize: typography.fontSize.large, @@ -33,6 +35,7 @@ export const TextField = (props: TextFieldProps) => { label: labelProp, required, errorMessage: errorMessageProp, + style, styles: stylesProp, ...other } = props @@ -44,7 +47,7 @@ export const TextField = (props: TextFieldProps) => { errorMessageProp || (error ? `${capitalize(name)} ${error}` : undefined) return ( - +