diff --git a/packages/Form/core/src/Field.tsx b/packages/Form/core/src/Field.tsx index df4e2e194..1eb34d574 100644 --- a/packages/Form/core/src/Field.tsx +++ b/packages/Form/core/src/Field.tsx @@ -1,5 +1,6 @@ import { getComponentClassName } from '@axa-fr/react-toolkit-core'; import React, { ComponentPropsWithoutRef, ReactNode } from 'react'; +import classNames from 'classnames'; import FieldError from './FieldError'; import FieldForm from './FieldForm'; import MessageTypes from './MessageTypes'; @@ -53,7 +54,13 @@ const Field = ({ aria-label={ariaLabelContainer}>
diff --git a/packages/Form/core/src/form.scss b/packages/Form/core/src/form.scss index 90a14f20e..579f0b6a6 100644 --- a/packages/Form/core/src/form.scss +++ b/packages/Form/core/src/form.scss @@ -18,10 +18,8 @@ &__group-label { font-weight: normal; margin: 0; - } - &__group--required &__group-label { - &:after { + &--required::after { content: ' *'; color: $color-red-error; }