diff --git a/web/ASC.Web.Login/src/sub-components/forgot-password-modal-dialog.js b/web/ASC.Web.Login/src/sub-components/forgot-password-modal-dialog.js
index 038e419fed..f0572d201b 100644
--- a/web/ASC.Web.Login/src/sub-components/forgot-password-modal-dialog.js
+++ b/web/ASC.Web.Login/src/sub-components/forgot-password-modal-dialog.js
@@ -51,7 +51,7 @@ const ForgotPasswordModalDialog = (props) => {
     }
   };
 
-  const dialogWidth = isMobile ? "90%" : null;
+  const dialogWidth = isMobile ? "90%" : "400px";
 
   return (
     <ModalDialogContainer
@@ -116,6 +116,19 @@ const ForgotPasswordModalDialog = (props) => {
           isDisabled={isLoading}
           tabIndex={2}
         />
+
+        <Button
+          className="modal-dialog-button"
+          key="CancelBtn"
+          label={t("Common:CancelButton")}
+          size="big"
+          scale={false}
+          primary={false}
+          onClick={onDialogClose}
+          isLoading={isLoading}
+          isDisabled={isLoading}
+          tabIndex={2}
+        />
       </ModalDialog.Footer>
     </ModalDialogContainer>
   );
diff --git a/web/ASC.Web.Login/src/sub-components/modal-dialog-container.js b/web/ASC.Web.Login/src/sub-components/modal-dialog-container.js
index f64276e61e..62950f0457 100644
--- a/web/ASC.Web.Login/src/sub-components/modal-dialog-container.js
+++ b/web/ASC.Web.Login/src/sub-components/modal-dialog-container.js
@@ -17,6 +17,8 @@ const ModalDialogContainer = styled(ModalDialog)`
     }
   }
   .modal-dialog-button {
+    margin-right: 10px;
+
     @media (max-width: 1024px) {
       width: 100%;
     }
diff --git a/web/ASC.Web.Login/src/sub-components/register-modal-dialog.js b/web/ASC.Web.Login/src/sub-components/register-modal-dialog.js
index a4b139a75b..30a9df925b 100644
--- a/web/ASC.Web.Login/src/sub-components/register-modal-dialog.js
+++ b/web/ASC.Web.Login/src/sub-components/register-modal-dialog.js
@@ -44,7 +44,7 @@ const RegisterModalDialog = ({
     );
   };
 
-  const dialogWidth = isMobile ? "90%" : null;
+  const dialogWidth = isMobile ? "90%" : "520px";
 
   return (
     <ModalDialogContainer
@@ -102,6 +102,19 @@ const RegisterModalDialog = ({
           isDisabled={loading}
           tabIndex={3}
         />
+
+        <Button
+          className="modal-dialog-button"
+          key="CancelBtn"
+          label={t("Common:CancelButton")}
+          size="big"
+          scale={false}
+          primary={false}
+          onClick={onRegisterModalClose}
+          isLoading={loading}
+          isDisabled={loading}
+          tabIndex={2}
+        />
       </ModalDialog.Footer>
     </ModalDialogContainer>
   );