💄(react) remove modal content outline on focus

This was giving a strange look n feel, neither improving a11y.
2024-02-23 14:23:07 +01:00
parent 6d1da169e7
commit 54df5d6c71
2 changed files with 9 additions and 0 deletions
--- a/packages/react/src/components/Modal/index.scss
+++ b/packages/react/src/components/Modal/index.scss
@@ -62,6 +62,10 @@
    font-size: var(--c--components--modal--content-font-size);
    font-weight: var(--c--components--modal--content-font-weight);
    color: var(--c--components--modal--content-color);
+
+    &:focus-visible {
+      outline: none;
+    }
  }

  &__close {