diff --git a/client/src/components/Settings/Dns/Upstream/Form.tsx b/client/src/components/Settings/Dns/Upstream/Form.tsx
index 6f5d46f7..a3c625e7 100644
--- a/client/src/components/Settings/Dns/Upstream/Form.tsx
+++ b/client/src/components/Settings/Dns/Upstream/Form.tsx
@@ -40,17 +40,17 @@ type FormProps = {
 const upstreamModeOptions = [
     {
         label: i18next.t('load_balancing'),
-        desc: i18next.t('load_balancing_desc'),
+        desc: <Trans components={{ br: <br />, b: <b /> }}>load_balancing_desc</Trans>,
         value: DNS_REQUEST_OPTIONS.LOAD_BALANCING,
     },
     {
         label: i18next.t('parallel_requests'),
-        desc: i18next.t('upstream_parallel'),
+        desc: <Trans components={{ br: <br />, b: <b /> }}>upstream_parallel</Trans>,
         value: DNS_REQUEST_OPTIONS.PARALLEL,
     },
     {
         label: i18next.t('fastest_addr'),
-        desc: i18next.t('fastest_addr_desc'),
+        desc: <Trans components={{ br: <br />, b: <b /> }}>fastest_addr_desc</Trans>,
         value: DNS_REQUEST_OPTIONS.FASTEST_ADDR,
     },
 ];
diff --git a/client/src/components/ui/Controls/Radio.tsx b/client/src/components/ui/Controls/Radio.tsx
index 8b17a877..9dadc5ff 100644
--- a/client/src/components/ui/Controls/Radio.tsx
+++ b/client/src/components/ui/Controls/Radio.tsx
@@ -1,10 +1,10 @@
-import React, { forwardRef } from 'react';
+import React, { forwardRef, ReactNode } from 'react';
 
 type Props<T> = {
     name: string;
     value: T;
     onChange: (e: T) => void;
-    options: { label: string; desc?: string; value: T }[];
+    options: { label: string; desc?: ReactNode; value: T }[];
     disabled?: boolean;
     error?: string;
 };