diff --git a/site/source/pages/simulateurs/reduction-generale/components/RéductionGénéraleMoisParMoisRow.tsx b/site/source/pages/simulateurs/reduction-generale/components/RéductionGénéraleMoisParMoisRow.tsx index 58ee80db5..93637d008 100644 --- a/site/source/pages/simulateurs/reduction-generale/components/RéductionGénéraleMoisParMoisRow.tsx +++ b/site/source/pages/simulateurs/reduction-generale/components/RéductionGénéraleMoisParMoisRow.tsx @@ -142,7 +142,7 @@ export default function RéductionGénéraleMoisParMoisRow({ )}-${monthName}`} > {data.réductionGénérale ? ( - + {formatValue( { @@ -155,7 +155,7 @@ export default function RéductionGénéraleMoisParMoisRow({ )} - + ) : ( {formatValue(0, { displayedUnit, language })} @@ -180,15 +180,17 @@ export default function RéductionGénéraleMoisParMoisRow({ '_' )}__régularisation-${monthName}`} > - {formatValue( - { - nodeValue: data.régularisation, - }, - { - displayedUnit, - language, - } - )} + + {formatValue( + { + nodeValue: data.régularisation, + }, + { + displayedUnit, + language, + } + )} + {isOptionVisible && ( @@ -249,6 +251,11 @@ function HeuresSupplémentairesPopoverContent() { const FlexDiv = styled.div` ${FlexCenter} + justify-content: end; +` + +const StyledTooltip = styled(Tooltip)` + width: 100%; ` const StyledSearchIcon = styled(SearchIcon)` @@ -257,6 +264,7 @@ const StyledSearchIcon = styled(SearchIcon)` const StyledWarningIcon = styled(WarningIcon)` margin-top: ${({ theme }) => theme.spacings.xxs}; + margin-left: ${({ theme }) => theme.spacings.sm}; ` const OptionContainer = styled.div`