diff --git a/src/components/FormField.tsx b/src/components/FormField.tsx index 3049686b..0e2fa410 100644 --- a/src/components/FormField.tsx +++ b/src/components/FormField.tsx @@ -111,6 +111,7 @@ function FormFieldRef( fontWeight="600" flexShrink={0} flexGrow={1} + margin={0} {...labelProps} > {label} diff --git a/src/stories/FormField.stories.tsx b/src/stories/FormField.stories.tsx index a8c4625b..72f14796 100644 --- a/src/stories/FormField.stories.tsx +++ b/src/stories/FormField.stories.tsx @@ -142,12 +142,15 @@ export const Caption = AllSizesTemplate.bind({}) Caption.args = { label: 'Password', + caption: 'A short caption', } export const LongCaption = AllSizesTemplate.bind({}) LongCaption.args = { label: 'Label', + caption: + 'This will probably truncate, because it is ever so so longer than usual.', } export const HintText = AllSizesTemplate.bind({}) diff --git a/src/theme/resets.ts b/src/theme/resets.ts index 5b541995..39139ca7 100644 --- a/src/theme/resets.ts +++ b/src/theme/resets.ts @@ -9,8 +9,9 @@ export const resetPartials = { padding: 0, font: 'inherit', cursor: 'pointer', - outline: 'inherit', + outline: 'unset', alignItems: 'unset', + appearance: 'none', }, list: { margin: 0,