diff --git a/site/source/components/RéductionDeCotisations/Montant.tsx b/site/source/components/RéductionDeCotisations/Montant.tsx
index 6a32f78b3..6739db08c 100644
--- a/site/source/components/RéductionDeCotisations/Montant.tsx
+++ b/site/source/components/RéductionDeCotisations/Montant.tsx
@@ -6,7 +6,7 @@ import { styled } from 'styled-components'
import { Condition } from '@/components/EngineValue/Condition'
import Répartition from '@/components/RéductionDeCotisations/Répartition'
import { FlexCenter } from '@/design-system/global-style'
-import { SearchIcon, WarningIcon } from '@/design-system/icons'
+import { EyeIcon, WarningIcon } from '@/design-system/icons'
import { Tooltip } from '@/design-system/tooltip'
import {
RéductionDottedName,
@@ -60,7 +60,7 @@ export default function Montant({
language,
}
)}
-
+
) : (
@@ -104,7 +104,8 @@ const FlexDiv = styled.div<{ $alignment: 'end' | 'center' }>`
${FlexCenter}
justify-content: ${({ $alignment }) => $alignment};
`
-const StyledSearchIcon = styled(SearchIcon)`
+const StyledEyeIcon = styled(EyeIcon)`
+ fill: ${({ theme }) => theme.colors.extended.grey[100]};
margin-left: ${({ theme }) => theme.spacings.sm};
`
const StyledWarningIcon = styled(WarningIcon)`
diff --git a/site/source/design-system/icons/index.stories.tsx b/site/source/design-system/icons/index.stories.tsx
index 059da693a..9f8734a75 100644
--- a/site/source/design-system/icons/index.stories.tsx
+++ b/site/source/design-system/icons/index.stories.tsx
@@ -22,6 +22,7 @@ export {
EditIcon,
ErrorIcon,
ExternalLinkIcon,
+ EyeIcon,
GithubIcon,
HelpIcon,
HexagonIcon,
diff --git a/site/source/design-system/icons/index.tsx b/site/source/design-system/icons/index.tsx
index bec9731bc..142f8ac51 100644
--- a/site/source/design-system/icons/index.tsx
+++ b/site/source/design-system/icons/index.tsx
@@ -14,8 +14,8 @@ export const ChevronIcon = (props: HTMLAttributes) => (
@@ -42,8 +42,8 @@ export const InfoIcon = (props: HTMLAttributes) => (
@@ -61,8 +61,8 @@ export const SuccessIcon = (props: HTMLAttributes) => (
@@ -112,8 +112,8 @@ export function SearchIcon({ ...props }) {
return (
@@ -480,3 +480,17 @@ export const ClockIcon = (props: HTMLAttributes) => (
/>
)
+
+export const EyeIcon = (props: HTMLAttributes) => (
+
+)