1 files changed, 7 insertions, 5 deletions
diff --git a/server/sonar-web/src/main/js/apps/projectQualityGate/Header.tsx b/server/sonar-web/src/main/js/apps/projectQualityGate/Header.tsx
index 220d6be9e5c..d2fee01125e 100644
--- a/server/sonar-web/src/main/js/apps/projectQualityGate/Header.tsx
+++ b/server/sonar-web/src/main/js/apps/projectQualityGate/Header.tsx
@@ -18,19 +18,21 @@
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 import * as React from 'react';
+import HelpTooltip from 'sonar-ui-common/components/controls/HelpTooltip';
 import { translate } from 'sonar-ui-common/helpers/l10n';
-import DocTooltip from '../../components/docs/DocTooltip';
 
 export default function Header() {
   return (
     <header className="page-header">
       <div className="page-title display-flex-center">
         <h1>{translate('project_quality_gate.page')}</h1>
-        <DocTooltip
+        <HelpTooltip
           className="spacer-left"
-          doc={import(
-            /* webpackMode: "eager" */ 'Docs/tooltips/quality-gates/quality-gate-projects.md'
-          )}
+          overlay={
+            <div className="big-padded-top big-padded-bottom">
+              {translate('quality_gates.projects.help')}
+            </div>
+          }
         />
       </div>
       <div className="page-description">{translate('project_quality_gate.page.description')}</div>