diff --git a/packages/components/src/components/Link/Link.tsx b/packages/components/src/components/Link/Link.tsx index 13deb486..41182417 100644 --- a/packages/components/src/components/Link/Link.tsx +++ b/packages/components/src/components/Link/Link.tsx @@ -7,6 +7,7 @@ import { TextProps, TextStyle, View, + ViewStyle, } from 'react-native' import React, { FC } from 'react' @@ -212,9 +213,18 @@ export const Link: FC = ({ linkColor = isDarkMode ? Colors.uswdsBlueVivid30 : Colors.primary } + const iconViewStyle: ViewStyle = { + marginRight: 5, // Spacer to text + // Below keeps icon aligned with first row of text, centered, and scalable + alignSelf: 'flex-start', + minHeight: 30, + alignItems: 'center', + justifyContent: 'center', + } + const iconDisplay = icon === 'no icon' ? null : ( - + ) @@ -239,6 +249,7 @@ export const Link: FC = ({ const pressableProps: PressableProps = { onPress: _onPress, + hitSlop: 7, ...a11yProps, style: { flexDirection: 'row',