diff --git a/packages/components/src/components/Alert/Alert.tsx b/packages/components/src/components/Alert/Alert.tsx index 3bd67202..0e20a870 100644 --- a/packages/components/src/components/Alert/Alert.tsx +++ b/packages/components/src/components/Alert/Alert.tsx @@ -168,20 +168,20 @@ export const Alert: FC = ({ ) - const hitSlop: Insets = { - // left border/padding + spacer + icon width - left: spacing.vadsSpaceLg + spacing.vadsSpaceXs + spacing.vadsSpaceXl, - top: spacing.vadsSpaceLg, - // bottom spacing changes depending on expanded state - bottom: expanded ? spacing.vadsSpaceSm : spacing.vadsSpaceLg, - right: spacing.vadsSpaceLg, - } - /** * Wrap header text and expand icon in Pressable if the Alert is expandable * Otherwise just return header text */ if (expandable) { + const hitSlop: Insets = { + // left border/padding + spacer + icon width + left: spacing.vadsSpaceLg + spacing.vadsSpaceXs + spacing.vadsSpaceXl, + top: spacing.vadsSpaceLg, + // bottom spacing changes depending on expanded state + bottom: expanded ? spacing.vadsSpaceSm : spacing.vadsSpaceLg, + right: spacing.vadsSpaceLg, + } + return (