fix(components): Fix large button outline issue (#17415)

koji · web-flow · commit 645267af62fa · 2025-02-04T16:00:11.000-05:00
* fix(components): Fix large button outline issue
diff --git a/components/src/atoms/buttons/LargeButton.tsx b/components/src/atoms/buttons/LargeButton.tsx
@@ -206,7 +206,9 @@ export function LargeButton(props: LargeButtonProps): JSX.Element {
 
       border: ${buttonType === 'stroke'
         ? `2px solid ${COLORS.blue55}`
-        : `${computedBorderStyle()}`};
+        : buttonType === 'primary'
+        ? `4px solid ${COLORS.blue55}`
+        : computedBorderStyle()};
     }
 
     &:focus-visible {

Original file line number	Diff line number	Diff line change
`@@ -206,7 +206,9 @@ export function LargeButton(props: LargeButtonProps): JSX.Element {`
`206`	`206`
`207`	`207`	`border: ${buttonType === 'stroke'`
`208`	`208`	? `2px solid ${COLORS.blue55}`
`209`		- : `${computedBorderStyle()}`};
	`209`	`+ : buttonType === 'primary'`
	`210`	+ ? `4px solid ${COLORS.blue55}`
	`211`	`+ : computedBorderStyle()};`
`210`	`212`	`}`
`211`	`213`
`212`	`214`	`&:focus-visible {`