Make Form.Button uniform in size with the rest of the Controls

storybookjs · Jun 23, 2020 · 37b4df5 · 37b4df5
1 parent 01d58ee
commit 37b4df5
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/lib/components/src/Button/Button.tsx b/lib/components/src/Button/Button.tsx
@@ -114,7 +114,7 @@ const ButtonWrapper = styled.button<ButtonWrapperProps>(
         }
       : {};
   },
-  ({ theme, tertiary, inForm }) =>
+  ({ theme, tertiary, inForm, small }) =>
     tertiary
       ? {
           background:
@@ -125,6 +125,8 @@ const ButtonWrapper = styled.button<ButtonWrapperProps>(
           boxShadow: `${theme.input.border} 0 0 0 1px inset`,
           borderRadius: theme.input.borderRadius,
 
+          ...(inForm && small ? { padding: '10px 16px' } : {}),
+
           '&:hover': {
             background:
               theme.base === 'light'