diff --git a/.changeset/thirty-showers-fail.md b/.changeset/thirty-showers-fail.md new file mode 100644 index 0000000000..197088d8e6 --- /dev/null +++ b/.changeset/thirty-showers-fail.md @@ -0,0 +1,5 @@ +--- +'@rocket.chat/fuselage': patch +--- + +Fix inconsistent blur border rendering in AccordionItem diff --git a/packages/fuselage/src/components/Accordion/Accordion.styles.scss b/packages/fuselage/src/components/Accordion/Accordion.styles.scss index 962eedaeff..40b645f136 100644 --- a/packages/fuselage/src/components/Accordion/Accordion.styles.scss +++ b/packages/fuselage/src/components/Accordion/Accordion.styles.scss @@ -38,7 +38,7 @@ } &.focus, - &:focus { + &:focus-visible { border-color: colors.stroke(highlight); @include use-focus-shadow( $outer-color: colors.stroke(extra-light-highlight)