From b553fa8f22e46a15a2040e3df4bb4b8048f79946 Mon Sep 17 00:00:00 2001
From: Aaron Cook <aaron@safe.global>
Date: Tue, 27 Jun 2023 18:23:04 +0200
Subject: [PATCH] fix: disable transition + backdrop of modals (#2189)

---
 src/components/common/TxModalDialog/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/common/TxModalDialog/index.tsx b/src/components/common/TxModalDialog/index.tsx
index 5191961e6d..3383151ca0 100644
--- a/src/components/common/TxModalDialog/index.tsx
+++ b/src/components/common/TxModalDialog/index.tsx
@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react'
+import { Fragment, type ReactElement } from 'react'
 import { IconButton } from '@mui/material'
 import { Dialog, DialogTitle, type DialogProps } from '@mui/material'
 import CloseIcon from '@mui/icons-material/Close'
@@ -24,7 +24,8 @@ const TxModalDialog = ({
       scroll={fullScreen ? 'paper' : 'body'}
       className={css.dialog}
       onClick={(e) => e.stopPropagation()}
-      slots={{ backdrop: 'div' }}
+      TransitionComponent={Fragment}
+      slots={{ backdrop: Fragment }}
       PaperProps={{
         className: css.paper,
       }}