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({ <> ( - )} > 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` !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` 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` : /* 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 ]}; `} }