remove hidden backdrops

nym-wallet/src/components/Accounts/MultiAccountHowTo.tsx

@@ -11,7 +11,7 @@ const passwordCreationSteps = [
 ];
 
 export const MultiAccountHowTo = ({ show, handleClose }: { show: boolean; handleClose: () => void }) => (
-  <Dialog open={show} onClose={handleClose} fullWidth hideBackdrop>
+  <Dialog open={show} onClose={handleClose} fullWidth>
     <Paper>
       <DialogTitle>
         <Box display="flex" justifyContent="space-between" alignItems="center">

nym-wallet/src/components/Accounts/modals/AccountsModal.tsx

@@ -42,7 +42,7 @@ export const AccountsModal = () => {
     );
 
   return (
-    <Dialog open={dialogToDisplay === 'Accounts'} onClose={handleClose} fullWidth hideBackdrop>
+    <Dialog open={dialogToDisplay === 'Accounts'} onClose={handleClose} fullWidth>
       <Paper>
         <DialogTitle>
           <Box display="flex" justifyContent="space-between" alignItems="center">

nym-wallet/src/components/Accounts/modals/AddAccountModal.tsx

@@ -173,12 +173,7 @@ export const AddAccountModal = () => {
   }, [step]);
 
   return (
-    <Dialog
-      open={dialogToDisplay === 'Add' || dialogToDisplay === 'Import'}
-      onClose={handleClose}
-      fullWidth
-      hideBackdrop
-    >
+    <Dialog open={dialogToDisplay === 'Add' || dialogToDisplay === 'Import'} onClose={handleClose} fullWidth>
       <Paper>
         <DialogTitle sx={{ pb: 0 }}>
           <Box display="flex" justifyContent="space-between" alignItems="center">

nym-wallet/src/components/Accounts/modals/ConfirmPasswordModal.tsx

@@ -16,7 +16,7 @@ export const ConfirmPasswordModal = ({
   const { isLoading, error } = useContext(AccountsContext);
 
   return (
-    <Dialog open={Boolean(accountName)} onClose={onClose} fullWidth hideBackdrop>
+    <Dialog open={Boolean(accountName)} onClose={onClose} fullWidth>
       <Paper>
         <DialogTitle>
           <Box display="flex" justifyContent="space-between" alignItems="center">

nym-wallet/src/components/Accounts/modals/EditAccountModal.tsx

@@ -24,7 +24,7 @@ export const EditAccountModal = () => {
   }, [accountToEdit]);
 
   return (
-    <Dialog open={dialogToDisplay === 'Edit'} onClose={() => setDialogToDisplay('Accounts')} fullWidth hideBackdrop>
+    <Dialog open={dialogToDisplay === 'Edit'} onClose={() => setDialogToDisplay('Accounts')} fullWidth>
       <Paper>
         <DialogTitle>
           <Box display="flex" justifyContent="space-between" alignItems="center">

nym-wallet/src/components/Accounts/modals/ImportAccountModal.tsx

@@ -25,7 +25,7 @@ export const ImportAccountModal = () => {
   };
 
   return (
-    <Dialog open={dialogToDisplay === 'Import'} onClose={handleClose} fullWidth hideBackdrop>
+    <Dialog open={dialogToDisplay === 'Import'} onClose={handleClose} fullWidth>
       <Paper>
         <DialogTitle>
           <Box display="flex" justifyContent="space-between" alignItems="center">

nym-wallet/src/components/Accounts/modals/MnemonicModal.tsx

@@ -40,7 +40,7 @@ export const MnemonicModal = () => {
   };
 
   return (
-    <Dialog open={dialogToDisplay === 'Mnemonic'} onClose={handleClose} fullWidth hideBackdrop>
+    <Dialog open={dialogToDisplay === 'Mnemonic'} onClose={handleClose} fullWidth>
       <Paper>
         <DialogTitle>
           <Box display="flex" justifyContent="space-between" alignItems="center">