diff --git a/web/ASC.Web.Components/src/components/modal-dialog/index.js b/web/ASC.Web.Components/src/components/modal-dialog/index.js
index d6d5401330..c6051e2143 100644
--- a/web/ASC.Web.Components/src/components/modal-dialog/index.js
+++ b/web/ASC.Web.Components/src/components/modal-dialog/index.js
@@ -79,15 +79,15 @@ const Modal = styled.div`
   overflow: hidden;
   outline: 0;
   background-color: rgba(0, 0, 0, 0.3);
-  display: ${props => props.isOpen ? 'block' : 'none'};
+  display: ${props => props.visible ? 'block' : 'none'};
 `;
 
 const ModalDialog = props => {
-  const { isOpen, headerContent, bodyContent, footerContent, onClose } = props;
+  const { visible, headerContent, bodyContent, footerContent, onClose } = props;
 
   return (
     <>
-      <Modal isOpen={isOpen}>
+      <Modal visible={visible}>
         <Dialog>
           <Content>
             <Header>
@@ -104,7 +104,7 @@ const ModalDialog = props => {
 };
 
 ModalDialog.propTypes = {
-  isOpen: PropTypes.bool,
+  visible: PropTypes.bool,
   headerContent: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   bodyContent: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   footerContent: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
diff --git a/web/ASC.Web.Storybook/stories/modal-dialog/README.md b/web/ASC.Web.Storybook/stories/modal-dialog/README.md
index 973621a160..34773c3247 100644
--- a/web/ASC.Web.Storybook/stories/modal-dialog/README.md
+++ b/web/ASC.Web.Storybook/stories/modal-dialog/README.md
@@ -9,14 +9,14 @@ ModalDialog is used for displaying modal dialogs
 ```js
 import { ModalDialog } from 'asc-web-components';
 
-<ModalDialog isOpen={false} />
+<ModalDialog visible={false} />
 ```
 
 #### Properties
 
 | Props           | Type                      | Required | Values | Default | Description                                      |
 | --------------- | ------------------------- | :------: | -------| ------- | ------------------------------------------------ |
-| `isOpen`        | `bool`                    |          |        |         | Display dialog or not                            |
+| `visible`        | `bool`                    |          |        |         | Display dialog or not                            |
 | `headerContent` | `string/element/elements` |          |        |         | Header content                                   |
 | `bodyContent`   | `string/element/elements` |          |        |         | Body content                                     |
 | `footerContent` | `string/element/elements` |          |        |         | Footer content                                   |
diff --git a/web/ASC.Web.Storybook/stories/modal-dialog/modal-dialog.stories.js b/web/ASC.Web.Storybook/stories/modal-dialog/modal-dialog.stories.js
index 52fdaefcc1..a50a3c135d 100644
--- a/web/ASC.Web.Storybook/stories/modal-dialog/modal-dialog.stories.js
+++ b/web/ASC.Web.Storybook/stories/modal-dialog/modal-dialog.stories.js
@@ -24,7 +24,7 @@ storiesOf('Components|ModalDialog', module)
               }}
             />
             <ModalDialog
-              isOpen={value}
+              visible={value}
               headerContent={"Header text"}
               bodyContent={
                 <p>{"Body text"}</p>