Fix progress bar css

site/source/components/ui/Progress.tsx

@@ -53,8 +53,11 @@ const ProgressBar = styled.div`
 	height: ${({ theme }) => theme.spacings.xxs};
 `
 const StyledBody = styled(Body)`
+	position: absolute;
+	top: 0;
+	right: 0;
 	font-size: 0.825rem;
-	padding: 0 1.5rem;
-	margin-bottom: 0;
+	padding: 0.25rem 1.5rem;
+	margin: 0;
 	color: ${({ theme }) => theme.colors.extended.grey[600]}!important;
 `

site/source/pages/assistants/declaration-revenu-independants/cotisations.tsx

@@ -79,6 +79,19 @@ export default function Cotisations() {
 										</Body>
 									</div>
 									<Message border={false}>
+										<div
+											css={`
+												position: relative;
+												top: -1px;
+												margin: 0 -1.5rem;
+											`}
+										>
+											<Progress
+												progress={numberCurrentStep}
+												maxValue={numberSteps}
+											/>
+										</div>
+
 										<div
 											css={`
 												margin: -0.75rem 0;
@@ -86,25 +99,11 @@ export default function Cotisations() {
 										>
 											<Conversation
 												customSituationVisualisation={
-													<>
-														<Grid container>
-															<DéclarationRevenu />
-														</Grid>
-													</>
+													<Grid container>
+														<DéclarationRevenu />
+													</Grid>
 												}
 											/>
-											<div
-												css={`
-													position: relative;
-													top: -2px;
-													margin: 0 -1.5rem;
-												`}
-											>
-												<Progress
-													progress={numberCurrentStep}
-													maxValue={numberSteps}
-												/>
-											</div>
 										</div>
 									</Message>
 								</FromTop>