From 042fc39ab04f83be75f38720e7a2214e8caf724b Mon Sep 17 00:00:00 2001 From: Mike Perrotti Date: Wed, 5 Apr 2023 14:00:13 -0400 Subject: [PATCH 1/6] changes alignment of validation message icon --- src/TextInput/TextInput.stories.tsx | 2 +- src/_InputValidation.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/TextInput/TextInput.stories.tsx b/src/TextInput/TextInput.stories.tsx index b3685796845..ae6da824872 100644 --- a/src/TextInput/TextInput.stories.tsx +++ b/src/TextInput/TextInput.stories.tsx @@ -26,7 +26,7 @@ export const Playground = (args: FormControlArgs) => { } return ( - + diff --git a/src/_InputValidation.tsx b/src/_InputValidation.tsx index 8db0185ccd7..51030832483 100644 --- a/src/_InputValidation.tsx +++ b/src/_InputValidation.tsx @@ -34,7 +34,7 @@ const InputValidation: React.FC> = ({children, id sx={{ fontSize: 0, fontWeight: 'bold', - alignItems: 'center', + alignItems: 'baseline', color: fgColor, display: 'flex', a: { @@ -45,7 +45,7 @@ const InputValidation: React.FC> = ({children, id }} > {IconComponent && ( -