diff --git a/packages/account/src/Components/api-token/api-token-clipboard.tsx b/packages/account/src/Components/api-token/api-token-clipboard.tsx
index 7b88b4010dd7..5be792dcb48e 100644
--- a/packages/account/src/Components/api-token/api-token-clipboard.tsx
+++ b/packages/account/src/Components/api-token/api-token-clipboard.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useIsMounted } from '@deriv/shared';
 import { Button, Icon, Modal, Text, Popover, useCopyToClipboard } from '@deriv/components';
-import { Localize, localize } from '@deriv/translations';
+import { Localize } from '@deriv/translations';
 import { TPopoverAlignment } from 'Types';
 
 type TApiTokenClipboard = {
@@ -13,7 +13,7 @@ type TApiTokenClipboard = {
 };
 
 type TWarningNoteBullet = {
-    message: string;
+    message: string | JSX.Element;
 };
 
 const WarningNoteBullet = ({ message }: TWarningNoteBullet) => (
@@ -28,14 +28,14 @@ const WarningNoteBullet = ({ message }: TWarningNoteBullet) => (
 const WarningDialogMessage = () => (
     <React.Fragment>
         <Text as='p' color='prominent ' size='xs' line_height='m'>
-            {localize(
-                'Be careful who you share this token with. Anyone with this token can perform the following actions on your account behalf'
-            )}
+            <Localize i18n_default_text='Be careful who you share this token with. Anyone with this token can perform the following actions on your account behalf' />
         </Text>
         <div className='da-api-token__bullet-container'>
-            <WarningNoteBullet message={localize('Add accounts')} />
-            <WarningNoteBullet message={localize('Create or delete API tokens for trading and withdrawals')} />
-            <WarningNoteBullet message={localize('Modify account settings')} />
+            <WarningNoteBullet message={<Localize i18n_default_text='Add accounts' />} />
+            <WarningNoteBullet
+                message={<Localize i18n_default_text='Create or delete API tokens for trading and withdrawals' />}
+            />
+            <WarningNoteBullet message={<Localize i18n_default_text='Modify account settings' />} />
         </div>
     </React.Fragment>
 );
diff --git a/packages/account/src/Sections/Security/ApiToken/api-token.tsx b/packages/account/src/Sections/Security/ApiToken/api-token.tsx
index 50ed8c6794f7..e8b888e84972 100644
--- a/packages/account/src/Sections/Security/ApiToken/api-token.tsx
+++ b/packages/account/src/Sections/Security/ApiToken/api-token.tsx
@@ -197,7 +197,7 @@ const ApiToken = () => {
                                                                 data-lpignore='true'
                                                                 type='text'
                                                                 className='da-api-token__input dc-input__input-group'
-                                                                label={<Localize i18n_default_text='Token name' />}
+                                                                label={localize('Token name')}
                                                                 value={values.token_name}
                                                                 onChange={e => {
                                                                     setFieldTouched('token_name', true);
diff --git a/packages/components/src/components/input/input.tsx b/packages/components/src/components/input/input.tsx
index 31e24c7026a3..5393f7999c83 100644
--- a/packages/components/src/components/input/input.tsx
+++ b/packages/components/src/components/input/input.tsx
@@ -21,7 +21,7 @@ export type TInputProps = {
     input_id?: string;
     is_relative_hint?: boolean;
     label_className?: string;
-    label?: React.ReactNode;
+    label?: string;
     leading_icon?: React.ReactElement;
     max_characters?: number;
     maxLength?: number;