diff --git a/web/ASC.Web.Components/src/components/field-container/index.js b/web/ASC.Web.Components/src/components/field-container/index.js
index 43f90cee04..92428a3a53 100644
--- a/web/ASC.Web.Components/src/components/field-container/index.js
+++ b/web/ASC.Web.Components/src/components/field-container/index.js
@@ -28,8 +28,7 @@ function getHorizontalCss(labelWidth) {
     }
     .icon-button {
       position: relative;
-      line-height: 24px;
-      margin: 2px 0 0 4px;
+      margin-top: 1px;
     }
   `;
 }
@@ -56,7 +55,7 @@ function getVerticalCss() {
     .icon-button {
       position: relative;
       line-height: unset;
-      margin: -4px 0 0 4px;
+      margin-top: -12px;
     }
   `;
 }
diff --git a/web/ASC.Web.Components/src/components/help-button/index.js b/web/ASC.Web.Components/src/components/help-button/index.js
index 8fbf94ded1..aec1277740 100644
--- a/web/ASC.Web.Components/src/components/help-button/index.js
+++ b/web/ASC.Web.Components/src/components/help-button/index.js
@@ -11,6 +11,12 @@ import Heading from "../heading";
 import throttle from "lodash/throttle";
 import styled from "styled-components";
 
+const HelpContainer = styled.div`
+  .help-icon {
+    padding: 8px;
+  }
+`;
+
 const Content = styled.div`
   position: relative;
   width: 100%;
@@ -136,10 +142,10 @@ class HelpButton extends React.Component {
     } = this.props;
 
     return (
-      <div ref={this.ref} style={style}>
+      <HelpContainer ref={this.ref} style={style}>
         <IconButton
           id={this.id}
-          className={className}
+          className={`${className} help-icon`}
           isClickable={true}
           iconName={iconName}
           size={13}
@@ -196,7 +202,7 @@ class HelpButton extends React.Component {
             </Aside>
           </>
         )}
-      </div>
+      </HelpContainer>
     );
   }
 }