diff --git a/packages/web/src/components/PermissionCatalogField/PermissionSettings.ee.jsx b/packages/web/src/components/PermissionCatalogField/PermissionSettings.ee.jsx
index 7796d344..4ff1f43b 100644
--- a/packages/web/src/components/PermissionCatalogField/PermissionSettings.ee.jsx
+++ b/packages/web/src/components/PermissionCatalogField/PermissionSettings.ee.jsx
@@ -48,9 +48,8 @@ export default function PermissionSettings(props) {
   };
   return (
     <Dialog
-      open
+      open={open}
       onClose={cancel}
-      sx={{ display: open ? 'block' : 'none' }}
       data-test={`${subject}-role-conditions-modal`}
     >
       <DialogTitle>{formatMessage('permissionSettings.title')}</DialogTitle>