From 7c1dad21018e5fcec6f7cfd310bd9b0e07e39a74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=A9o=20Pradel?= <pradel.leo@gmail.com>
Date: Mon, 19 Jun 2023 14:20:49 +0200
Subject: [PATCH] fix: fix screen glitch issue when modal is closed (#519)

---
 react-responsive-modal/styles.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/react-responsive-modal/styles.css b/react-responsive-modal/styles.css
index 69b6f70c..63362b18 100644
--- a/react-responsive-modal/styles.css
+++ b/react-responsive-modal/styles.css
@@ -58,6 +58,13 @@
   display: flex;
 }
 
+/* Used to fix a screen glitch issues with the animation see https://github.com/pradel/react-responsive-modal/issues/495 */
+.react-responsive-modal-overlay,
+.react-responsive-modal-container,
+.react-responsive-modal-modal {
+  animation-fill-mode: forwards !important;
+}
+
 @keyframes react-responsive-modal-overlay-in {
   0% {
     opacity: 0;