From 5181891dba090038f797c8a637b2b2282af0b4d2 Mon Sep 17 00:00:00 2001 From: tate Date: Mon, 22 Aug 2022 12:12:48 +1000 Subject: [PATCH] added border to helper --- components/src/components/molecules/Helper/Helper.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/components/src/components/molecules/Helper/Helper.tsx b/components/src/components/molecules/Helper/Helper.tsx index e6e298cb..80ce927e 100644 --- a/components/src/components/molecules/Helper/Helper.tsx +++ b/components/src/components/molecules/Helper/Helper.tsx @@ -38,15 +38,18 @@ const Container = styled.div<{ $type: HelperType; $alignment: Alignment }>( `} background-color: ${theme.colors.lightBlue}; + border: ${theme.borderWidths.px} solid ${theme.colors.blue}; ${$type === 'warning' && css` background-color: ${theme.colors.lightYellow}; + border-color: ${theme.colors.yellow}; `} ${$type === 'error' && css` background-color: ${theme.colors.lightRed}; + border-color: ${theme.colors.red}; `} `, )