diff --git a/src/app/components/Persist/ChoosePasswordFields.tsx b/src/app/components/Persist/ChoosePasswordFields.tsx index 3c1b6625a7..326d07af13 100644 --- a/src/app/components/Persist/ChoosePasswordFields.tsx +++ b/src/app/components/Persist/ChoosePasswordFields.tsx @@ -1,6 +1,7 @@ import { selectIsPersistenceUnsupported } from 'app/state/persist/selectors' import { selectUnlockedStatus } from 'app/state/selectUnlockedStatus' import { Box } from 'grommet/es6/components/Box' +import { Text } from 'grommet/es6/components/Text' import { CheckBox } from 'grommet/es6/components/CheckBox' import { FormField } from 'grommet/es6/components/FormField' import { Paragraph } from 'grommet/es6/components/Paragraph' @@ -31,7 +32,7 @@ export function ChoosePasswordFields() { {t('persist.createProfile.startPersistingToggle', 'Create a profile')}} toggle onChange={event => setStartPersisting(event.target.checked)} {...(isChoiceDisabled diff --git a/src/styles/theme/ThemeProvider.tsx b/src/styles/theme/ThemeProvider.tsx index 4e48042c3b..7aaaf19d73 100644 --- a/src/styles/theme/ThemeProvider.tsx +++ b/src/styles/theme/ThemeProvider.tsx @@ -281,6 +281,14 @@ const grommetCustomTheme: ThemeType = { light: 'grayMedium', }, }, + border: { + color: 'text', + }, + gap: '1.5ex', + extend: css` + font-size: 14px; + line-height: 1.2; + `, }, layer: { /**