From 37b4df5cf60547320c381855855fe19bc2e1c7e1 Mon Sep 17 00:00:00 2001 From: domyen Date: Tue, 23 Jun 2020 17:24:44 -0400 Subject: [PATCH] Make Form.Button uniform in size with the rest of the Controls --- lib/components/src/Button/Button.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/lib/components/src/Button/Button.tsx b/lib/components/src/Button/Button.tsx index 3a77ecea3919..64239bf422b8 100644 --- a/lib/components/src/Button/Button.tsx +++ b/lib/components/src/Button/Button.tsx @@ -114,7 +114,7 @@ const ButtonWrapper = styled.button( } : {}; }, - ({ theme, tertiary, inForm }) => + ({ theme, tertiary, inForm, small }) => tertiary ? { background: @@ -125,6 +125,8 @@ const ButtonWrapper = styled.button( boxShadow: `${theme.input.border} 0 0 0 1px inset`, borderRadius: theme.input.borderRadius, + ...(inForm && small ? { padding: '10px 16px' } : {}), + '&:hover': { background: theme.base === 'light'