diff --git a/src/core/Form/Checkbox/Checkbox.baseStyles.tsx b/src/core/Form/Checkbox/Checkbox.baseStyles.tsx index 329bb8aab..47d3dd7ad 100644 --- a/src/core/Form/Checkbox/Checkbox.baseStyles.tsx +++ b/src/core/Form/Checkbox/Checkbox.baseStyles.tsx @@ -145,7 +145,7 @@ export const baseStyles = withSuomifiTheme( display: block; padding-left: ${theme.spacing.l}; font-size: ${theme.typography.bodyTextSmall}; - color: ${theme.colors.depthBase}; + color: ${theme.colors.depthDark1}; } & .fi-checkbox_status { diff --git a/src/core/Form/Checkbox/__snapshots__/Checkbox.test.tsx.snap b/src/core/Form/Checkbox/__snapshots__/Checkbox.test.tsx.snap index 2aedf2bd4..e47221b2e 100644 --- a/src/core/Form/Checkbox/__snapshots__/Checkbox.test.tsx.snap +++ b/src/core/Form/Checkbox/__snapshots__/Checkbox.test.tsx.snap @@ -145,7 +145,7 @@ exports[`Calling render with the same component on the same container does not r font-size: 16px; line-height: 1.5; font-weight: 400; - color: hsl(202,7%,67%); + color: hsl(202,7%,40%); } .c1 .fi-checkbox_status {