diff --git a/web/ASC.Web.Client/src/components/pages/Confirm/ConfirmWrapper.js b/web/ASC.Web.Client/src/components/pages/Confirm/ConfirmWrapper.js
new file mode 100644
index 0000000000..ed58592877
--- /dev/null
+++ b/web/ASC.Web.Client/src/components/pages/Confirm/ConfirmWrapper.js
@@ -0,0 +1,26 @@
+import React from "react";
+import styled, { css } from "styled-components";
+import { isIOS, isFirefox, isMobileOnly } from "react-device-detect";
+
+const StyledWrapper = styled.div`
+  height: ${isIOS && !isFirefox ? "calc(var(--vh, 1vh) * 100)" : "100vh"};
+  width: 100vw;
+  z-index: 0;
+  display: flex;
+  flex-direction: row;
+  box-sizing: border-box;
+
+  ${isMobileOnly &&
+  css`
+    height: auto;
+    min-height: 100%;
+    width: 100%;
+  `}
+`;
+
+const ConfirmWrapper = (props) => {
+  const { children, className } = props;
+  return <StyledWrapper className={className}>{children}</StyledWrapper>;
+};
+
+export default ConfirmWrapper;
diff --git a/web/ASC.Web.Client/src/components/pages/Confirm/index.js b/web/ASC.Web.Client/src/components/pages/Confirm/index.js
index 2fe8df3420..a9a7e3805d 100644
--- a/web/ASC.Web.Client/src/components/pages/Confirm/index.js
+++ b/web/ASC.Web.Client/src/components/pages/Confirm/index.js
@@ -1,6 +1,7 @@
 import React, { lazy } from "react";
 import { Switch } from "react-router-dom";
 import ConfirmRoute from "../../../helpers/confirmRoute";
+import ConfirmWrapper from "./ConfirmWrapper";
 
 const ActivateUserForm = lazy(() => import("./sub-components/activateUser"));
 const CreateUserForm = lazy(() => import("./sub-components/createUser"));
@@ -19,56 +20,58 @@ const Confirm = ({ match }) => {
   //console.log("Confirm render");
   const path = match.path;
   return (
-    <Switch>
-      <ConfirmRoute
-        forUnauthorized
-        path={`${path}/LinkInvite`}
-        component={CreateUserForm}
-      />
-      <ConfirmRoute
-        forUnauthorized
-        path={`${path}/Activation`}
-        component={ActivateUserForm}
-      />
-      <ConfirmRoute
-        exact
-        path={`${path}/EmailActivation`}
-        component={ActivateEmailForm}
-      />
-      <ConfirmRoute
-        exact
-        path={`${path}/EmailChange`}
-        component={ChangeEmailForm}
-      />
-      <ConfirmRoute
-        forUnauthorized
-        path={`${path}/PasswordChange`}
-        component={ChangePasswordForm}
-      />
-      <ConfirmRoute
-        exact
-        path={`${path}/ProfileRemove`}
-        component={ProfileRemoveForm}
-      />
-      <ConfirmRoute
-        exact
-        path={`${path}/PhoneActivation`}
-        component={ChangePhoneForm}
-      />
-      <ConfirmRoute
-        exact
-        path={`${path}/PortalOwnerChange`}
-        component={ChangeOwnerForm}
-      />
-      <ConfirmRoute exact path={`${path}/TfaAuth`} component={TfaAuthForm} />
-      <ConfirmRoute
-        exact
-        path={`${path}/TfaActivation`}
-        component={TfaActivationForm}
-      />
+    <ConfirmWrapper className="with-background-pattern">
+      <Switch>
+        <ConfirmRoute
+          forUnauthorized
+          path={`${path}/LinkInvite`}
+          component={CreateUserForm}
+        />
+        <ConfirmRoute
+          forUnauthorized
+          path={`${path}/Activation`}
+          component={ActivateUserForm}
+        />
+        <ConfirmRoute
+          exact
+          path={`${path}/EmailActivation`}
+          component={ActivateEmailForm}
+        />
+        <ConfirmRoute
+          exact
+          path={`${path}/EmailChange`}
+          component={ChangeEmailForm}
+        />
+        <ConfirmRoute
+          forUnauthorized
+          path={`${path}/PasswordChange`}
+          component={ChangePasswordForm}
+        />
+        <ConfirmRoute
+          exact
+          path={`${path}/ProfileRemove`}
+          component={ProfileRemoveForm}
+        />
+        <ConfirmRoute
+          exact
+          path={`${path}/PhoneActivation`}
+          component={ChangePhoneForm}
+        />
+        <ConfirmRoute
+          exact
+          path={`${path}/PortalOwnerChange`}
+          component={ChangeOwnerForm}
+        />
+        <ConfirmRoute exact path={`${path}/TfaAuth`} component={TfaAuthForm} />
+        <ConfirmRoute
+          exact
+          path={`${path}/TfaActivation`}
+          component={TfaActivationForm}
+        />
 
-      {/* <Route component={Error404} /> */}
-    </Switch>
+        {/* <Route component={Error404} /> */}
+      </Switch>
+    </ConfirmWrapper>
   );
 };