From 072c4995fd0fc1ccec267a4452f0073979a82c72 Mon Sep 17 00:00:00 2001
From: Johan Girod <johan.girod@beta.gouv.fr>
Date: Thu, 21 Apr 2022 12:12:18 +0200
Subject: [PATCH] =?UTF-8?q?Fait=20une=20derni=C3=A8re=20it=C3=A9ration=20s?=
 =?UTF-8?q?ur=20le=20style=20du=20bouton?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/conversation/SeeAnswersButton.tsx      |  4 ++--
 site/source/design-system/buttons/Button.tsx          | 11 +++++++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/site/source/components/conversation/SeeAnswersButton.tsx b/site/source/components/conversation/SeeAnswersButton.tsx
index 96e7ec75d..150b3c4a7 100644
--- a/site/source/components/conversation/SeeAnswersButton.tsx
+++ b/site/source/components/conversation/SeeAnswersButton.tsx
@@ -15,8 +15,8 @@ export default function SeeAnswersButton({
 		<>
 			<PopoverWithTrigger
 				trigger={(buttonProps) => (
-					<Button {...buttonProps} size="XS" color="secondary" light>
-						{label ?? <Trans>Voir mes réponses</Trans>}
+					<Button {...buttonProps} size="XS" color="secondary">
+						{label ?? <Trans>Modifier mes réponses</Trans>}
 					</Button>
 				)}
 			>
diff --git a/site/source/design-system/buttons/Button.tsx b/site/source/design-system/buttons/Button.tsx
index 0026bdef7..97cfdf7cf 100644
--- a/site/source/design-system/buttons/Button.tsx
+++ b/site/source/design-system/buttons/Button.tsx
@@ -110,7 +110,7 @@ export const StyledButton = styled.button<StyledButtonProps>`
 		!theme.darkMode &&
 		css`
 			border-color: ${theme.colors.bases[$color][
-				$color === 'primary' ? 700 : $color === 'secondary' ? 500 : 300
+				$color === 'primary' ? 700 : 300
 			]};
 
 			background-color: ${theme.colors.bases[$color][
@@ -126,6 +126,10 @@ export const StyledButton = styled.button<StyledButtonProps>`
 		css`
 			color: ${theme.colors.bases[$color][$color === 'primary' ? 700 : 700]};
 			background-color: ${theme.colors.extended.grey[100]};
+			${$color === 'secondary' &&
+			css`
+				border-color: ${theme.colors.bases[$color][500]};
+			`}
 		`}
 
 	@media not print {
@@ -162,7 +166,10 @@ export const StyledButton = styled.button<StyledButtonProps>`
 				: /* Primary, secondary & tertiary colors */
 				  css`
 						background-color: ${theme.colors.bases[$color][
-							$color === 'primary' ? 800 : $color === 'secondary' ? 500 : 400
+							$color === 'primary' ? 800 : 400
+						]};
+						border-color: ${theme.colors.bases[$color][
+							$color === 'primary' ? 800 : 400
 						]};
 				  `}
 	}