From 54df5d6c7109ede6399c21a9f680da61bde15541 Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Fri, 23 Feb 2024 14:23:07 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(react)=20remove=20modal=20content?=
 =?UTF-8?q?=20outline=20on=20focus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This was giving a strange look n feel, neither improving a11y.
---
 .changeset/chilled-badgers-cross.md            | 5 +++++
 packages/react/src/components/Modal/index.scss | 4 ++++
 2 files changed, 9 insertions(+)
 create mode 100644 .changeset/chilled-badgers-cross.md

diff --git a/.changeset/chilled-badgers-cross.md b/.changeset/chilled-badgers-cross.md
new file mode 100644
index 0000000..23e4f83
--- /dev/null
+++ b/.changeset/chilled-badgers-cross.md
@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+remove modal content outline on focus
diff --git a/packages/react/src/components/Modal/index.scss b/packages/react/src/components/Modal/index.scss
index 979e9ad..22bfbc7 100644
--- 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 {