diff --git a/web/src/i18n/en/index.ts b/web/src/i18n/en/index.ts
index eea0f96b9f..8c5dce5212 100644
--- a/web/src/i18n/en/index.ts
+++ b/web/src/i18n/en/index.ts
@@ -376,7 +376,7 @@ const en: BaseTranslation = {
           },
           enableEnrollment: {
             label: 'Use user self-enrollment process',
-            link: '[more information here](https://defguard.gitbook.io/defguard/help/enrollment)',
+            link: '<a href="https://defguard.gitbook.io/defguard/help/enrollment" target="_blank">more information here</a>',
           },
         },
       },
diff --git a/web/src/i18n/i18n-types.ts b/web/src/i18n/i18n-types.ts
index 9e2b916eec..469c2befb5 100644
--- a/web/src/i18n/i18n-types.ts
+++ b/web/src/i18n/i18n-types.ts
@@ -883,7 +883,7 @@ type RootTranslation = {
 						 */
 						label: string
 						/**
-						 * [​m​o​r​e​ ​i​n​f​o​r​m​a​t​i​o​n​ ​h​e​r​e​]​(​h​t​t​p​s​:​/​/​d​e​f​g​u​a​r​d​.​g​i​t​b​o​o​k​.​i​o​/​d​e​f​g​u​a​r​d​/​h​e​l​p​/​e​n​r​o​l​l​m​e​n​t​)
+						 * <​a​ ​h​r​e​f​=​"​h​t​t​p​s​:​/​/​d​e​f​g​u​a​r​d​.​g​i​t​b​o​o​k​.​i​o​/​d​e​f​g​u​a​r​d​/​h​e​l​p​/​e​n​r​o​l​l​m​e​n​t​"​ ​t​a​r​g​e​t​=​"​_​b​l​a​n​k​"​>​m​o​r​e​ ​i​n​f​o​r​m​a​t​i​o​n​ ​h​e​r​e​<​/​a​>
 						 */
 						link: string
 					}
@@ -5064,7 +5064,7 @@ export type TranslationFunctions = {
 						 */
 						label: () => LocalizedString
 						/**
-						 * [more information here](https://defguard.gitbook.io/defguard/help/enrollment)
+						 * <a href="https://defguard.gitbook.io/defguard/help/enrollment" target="_blank">more information here</a>
 						 */
 						link: () => LocalizedString
 					}
diff --git a/web/src/i18n/pl/index.ts b/web/src/i18n/pl/index.ts
index 59ca5502d4..f893af5e5a 100644
--- a/web/src/i18n/pl/index.ts
+++ b/web/src/i18n/pl/index.ts
@@ -378,7 +378,7 @@ const pl: Translation = {
           },
           enableEnrollment: {
             label: 'Użyj zdalnej rejestracji',
-            link: '[więcej informacji tutaj](https://defguard.gitbook.io/defguard/help/enrollment)',
+            link: '<a href="https://defguard.gitbook.io/defguard/help/enrollment" target="_blank">więcej informacji tutaj</a>',
           },
         },
       },
diff --git a/web/src/pages/users/UsersOverview/modals/AddUserModal/components/AddUserForm/AddUserForm.tsx b/web/src/pages/users/UsersOverview/modals/AddUserModal/components/AddUserForm/AddUserForm.tsx
index 37e36c47b7..666439948a 100644
--- a/web/src/pages/users/UsersOverview/modals/AddUserModal/components/AddUserForm/AddUserForm.tsx
+++ b/web/src/pages/users/UsersOverview/modals/AddUserModal/components/AddUserForm/AddUserForm.tsx
@@ -2,10 +2,10 @@ import './style.scss';
 
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
+import parse from 'html-react-parser';
 import { omit } from 'lodash-es';
 import { useMemo, useRef, useState } from 'react';
 import { SubmitHandler, useController, useForm } from 'react-hook-form';
-import ReactMarkdown from 'react-markdown';
 import { z } from 'zod';
 import { shallow } from 'zustand/shallow';
 
@@ -195,9 +195,7 @@ export const AddUserForm = () => {
           label={LL.modals.addUser.form.fields.enableEnrollment.label()}
           controller={{ control, name: 'enable_enrollment' }}
         />
-        <ReactMarkdown>
-          {LL.modals.addUser.form.fields.enableEnrollment.link()}
-        </ReactMarkdown>
+        <>{parse(LL.modals.addUser.form.fields.enableEnrollment.link())}</>
       </div>
       <div className="row">
         <div className="item">