diff --git a/src/components/SegmentedButtons/utils.ts b/src/components/SegmentedButtons/utils.ts index 87d343c8a9..254f0ebc95 100644 --- a/src/components/SegmentedButtons/utils.ts +++ b/src/components/SegmentedButtons/utils.ts @@ -69,7 +69,7 @@ export const getSegmentedButtonBorderRadius = ({ return { borderTopRightRadius: 0, borderBottomRightRadius: 0, - ...(theme.isV3 && { borderRightWidth: 0 }), + ...(theme.isV3 && { borderEndWidth: 0 }), }; } else if (segment === 'last') { return { @@ -79,7 +79,7 @@ export const getSegmentedButtonBorderRadius = ({ } else { return { borderRadius: 0, - ...(theme.isV3 && { borderRightWidth: 0 }), + ...(theme.isV3 && { borderEndWidth: 0 }), }; } }; diff --git a/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap b/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap index eb497fdbf8..83f1541397 100644 --- a/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap +++ b/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap @@ -18,8 +18,8 @@ exports[`renders segmented button 1`] = ` "backgroundColor": "rgba(232, 222, 248, 1)", "borderBottomRightRadius": 0, "borderColor": "rgba(121, 116, 126, 1)", + "borderEndWidth": 0, "borderRadius": 20, - "borderRightWidth": 0, "borderTopRightRadius": 0, "borderWidth": 1, }, @@ -73,8 +73,8 @@ exports[`renders segmented button 1`] = ` }, { "borderBottomRightRadius": 0, + "borderEndWidth": 0, "borderRadius": 20, - "borderRightWidth": 0, "borderTopRightRadius": 0, }, ]