diff --git a/web/ASC.Web.Common/src/components/PageLayout/sub-components/article.js b/web/ASC.Web.Common/src/components/PageLayout/sub-components/article.js
index 20358e4c67..baceed74f7 100644
--- a/web/ASC.Web.Common/src/components/PageLayout/sub-components/article.js
+++ b/web/ASC.Web.Common/src/components/PageLayout/sub-components/article.js
@@ -50,7 +50,7 @@ const StyledArticle = styled.article`
               left: 0;
               min-width: 240px;
               background: #f8f9f9;
-              z-index: 0;
+              z-index: -1;
             }
           `
             : `
diff --git a/web/ASC.Web.Common/src/components/PageLayout/sub-components/section-header.js b/web/ASC.Web.Common/src/components/PageLayout/sub-components/section-header.js
index 10d61f9322..77c281cb58 100644
--- a/web/ASC.Web.Common/src/components/PageLayout/sub-components/section-header.js
+++ b/web/ASC.Web.Common/src/components/PageLayout/sub-components/section-header.js
@@ -108,7 +108,7 @@ class SectionHeader extends React.Component {
       >
        <LayoutContextConsumer>
             { value => 
-              <div id="scroll"  className={classnames("section-header", {
+              <div className={classnames("section-header", {
                 "section-header--hidden": !value.isVisible
               })} {...rest}/>
               }
diff --git a/web/ASC.Web.Components/src/components/scrollbar/custom-scrollbars-virtual-list.js b/web/ASC.Web.Components/src/components/scrollbar/custom-scrollbars-virtual-list.js
index a90fdbe225..6707c2006e 100644
--- a/web/ASC.Web.Components/src/components/scrollbar/custom-scrollbars-virtual-list.js
+++ b/web/ASC.Web.Components/src/components/scrollbar/custom-scrollbars-virtual-list.js
@@ -30,6 +30,7 @@ class CustomScrollbars extends React.Component {
         onScroll={onScroll}
         stype={stype}
         className={className}
+        id="scroll"
       >
         {children}
       </Scrollbar>