diff --git a/app/frontend/src/javascript/components/payzen-keys-form.tsx b/app/frontend/src/javascript/components/payzen-keys-form.tsx
index 91d661be0..0dda684be 100644
--- a/app/frontend/src/javascript/components/payzen-keys-form.tsx
+++ b/app/frontend/src/javascript/components/payzen-keys-form.tsx
@@ -11,6 +11,7 @@ import { FabInput } from './fab-input';
 import { enableMapSet } from 'immer';
 import { useImmer } from 'use-immer';
 import PayzenAPI from '../api/payzen';
+import { HtmlTranslate } from './html-translate';
 
 enableMapSet();
 
@@ -124,7 +125,9 @@ const PayZenKeysFormComponent: React.FC<PayZenKeysFormProps> = ({ onValidKeys })
 
   return (
     <div className="payzen-keys-form">
-      <div className="payzen-keys-info" dangerouslySetInnerHTML={{__html: t('app.admin.invoices.payment.payzen_keys_info_html')}} />
+      <div className="payzen-keys-info">
+        <HtmlTranslate trKey="app.admin.invoices.payment.payzen_keys_info_html" />
+      </div>
       <form name="payzenKeysForm">
         <fieldset>
           <legend>{t('app.admin.invoices.payment.client_keys')}</legend>
diff --git a/app/frontend/src/javascript/components/payzen-settings.tsx b/app/frontend/src/javascript/components/payzen-settings.tsx
index a34548035..3d73964ac 100644
--- a/app/frontend/src/javascript/components/payzen-settings.tsx
+++ b/app/frontend/src/javascript/components/payzen-settings.tsx
@@ -8,6 +8,7 @@ import { SettingName } from '../models/setting';
 import { useImmer } from 'use-immer';
 import { FabInput } from './fab-input';
 import { FabButton } from './fab-button';
+import { HtmlTranslate } from './html-translate';
 
 declare var Application: IApplication;
 
@@ -126,7 +127,9 @@ export const PayzenSettings: React.FC<PayzenSettingsProps> = ({ onEditKeys, onCu
       </div>
       <div className="payzen-currency">
         <h3 className="title">{t('app.admin.invoices.payment.payzen.currency')}</h3>
-        <p className="currency-info" dangerouslySetInnerHTML={{__html: t('app.admin.invoices.payment.payzen.currency_info_html')}} />
+        <p className="currency-info">
+          <HtmlTranslate trKey="app.admin.invoices.payment.payzen.currency_info_html" />
+        </p>
         {error && <p className="currency-error">{error}</p>}
         <div className="payzen-currency-form">
           <div className="currency-wrapper">
diff --git a/app/frontend/src/javascript/components/stripe-keys-form.tsx b/app/frontend/src/javascript/components/stripe-keys-form.tsx
index 87fb78471..503295a25 100644
--- a/app/frontend/src/javascript/components/stripe-keys-form.tsx
+++ b/app/frontend/src/javascript/components/stripe-keys-form.tsx
@@ -5,6 +5,7 @@ import SettingAPI from '../api/setting';
 import { SettingName } from '../models/setting';
 import { FabInput } from './fab-input';
 import StripeAPI from '../api/stripe';
+import { HtmlTranslate } from './html-translate';
 
 
 interface StripeKeysFormProps {
@@ -117,7 +118,9 @@ const StripeKeysFormComponent: React.FC<StripeKeysFormProps> = ({ onValidKeys })
 
   return (
     <div className="stripe-keys-form">
-      <div className="stripe-keys-info" dangerouslySetInnerHTML={{__html: t('app.admin.invoices.payment.stripe_keys_info_html')}} />
+      <div className="stripe-keys-info">
+        <HtmlTranslate trKey="app.admin.invoices.payment.stripe_keys_info_html" />
+      </div>
       <form name="stripeKeysForm">
         <div className="stripe-public-input">
           <label htmlFor="stripe_public_key">{ t('app.admin.invoices.payment.public_key') } *</label>