diff --git a/source/sites/mycompanyinfrance.fr/pages/Header/StepsHeader.css b/source/sites/mycompanyinfrance.fr/pages/Header/StepsHeader.css index 8c09156ec..2944667a7 100644 --- a/source/sites/mycompanyinfrance.fr/pages/Header/StepsHeader.css +++ b/source/sites/mycompanyinfrance.fr/pages/Header/StepsHeader.css @@ -23,7 +23,6 @@ flex-shrink: 0; text-align: center; transition: all 0.3s; - opacity: 0.4; } .steps-header a:focus { @@ -39,11 +38,10 @@ transition: all 0.2s; } -.steps-header a:hover { - opacity: 0.8; +.steps-header a:hover img { + transform: translateY(-5px); } .steps-header a.active { - opacity: 1; flex-grow: 1; } /* IE */ diff --git a/source/sites/mycompanyinfrance.fr/pages/Header/StepsHeader.js b/source/sites/mycompanyinfrance.fr/pages/Header/StepsHeader.js index 38ac6f58a..c6d655c7f 100644 --- a/source/sites/mycompanyinfrance.fr/pages/Header/StepsHeader.js +++ b/source/sites/mycompanyinfrance.fr/pages/Header/StepsHeader.js @@ -39,7 +39,7 @@ const StepsHeader = ({ companyProgress, estimationProgress }: Props) => (
Hiring process
- +