diff --git a/__mocks__/translation.mock.js b/__mocks__/translation.mock.js
index bcb5aa8a4f74..8d2f34e9c7ad 100644
--- a/__mocks__/translation.mock.js
+++ b/__mocks__/translation.mock.js
@@ -44,7 +44,12 @@ const useTranslations = () => ({
 
 const localize = mockFn;
 
-const getAllowedLanguages = jest.fn(() => ({ EN: 'English', VI: 'Tiếng Việt' }));
+const getAllowedLanguages = jest.fn(unsupported_languages => {
+    if (unsupported_languages.includes('VI')) {
+        return { EN: 'English' };
+    }
+    return { EN: 'English', VI: 'Tiếng Việt' };
+});
 
 const getInitialLanguage = jest.fn(() => 'EN');
 
diff --git a/packages/account/src/Sections/Profile/LanguageSettings/language-settings.tsx b/packages/account/src/Sections/Profile/LanguageSettings/language-settings.tsx
index ef8a1b467af0..6a9b67dc1dd5 100644
--- a/packages/account/src/Sections/Profile/LanguageSettings/language-settings.tsx
+++ b/packages/account/src/Sections/Profile/LanguageSettings/language-settings.tsx
@@ -1,5 +1,5 @@
 import { Redirect } from 'react-router-dom';
-import { UNSUPPORTED_LANGUAGES, routes } from '@deriv/shared';
+import { UNSUPPORTED_LANGUAGES, WALLETS_UNSUPPORTED_LANGUAGES, routes } from '@deriv/shared';
 import { observer, useStore } from '@deriv/stores';
 import { useTranslations, getAllowedLanguages } from '@deriv-com/translations';
 import FormSubHeader from '../../../Components/form-sub-header';
@@ -25,13 +25,9 @@ const LanguageSettings = observer(() => {
         switchLanguage(language_key);
     };
 
-    let allowed_languages: Record<string, string> = getAllowedLanguages(UNSUPPORTED_LANGUAGES);
-
-    if (has_wallet) {
-        allowed_languages = Object.fromEntries(
-            Object.entries(allowed_languages).filter(([language_key]) => ['EN', 'AR'].includes(language_key))
-        );
-    }
+    const allowed_languages: Record<string, string> = getAllowedLanguages(
+        has_wallet ? WALLETS_UNSUPPORTED_LANGUAGES : UNSUPPORTED_LANGUAGES
+    );
 
     return (
         <div className='settings-language'>
diff --git a/packages/api-v2/src/APIProvider.tsx b/packages/api-v2/src/APIProvider.tsx
index 6f77ea9b9268..c4333c5f85fa 100644
--- a/packages/api-v2/src/APIProvider.tsx
+++ b/packages/api-v2/src/APIProvider.tsx
@@ -36,11 +36,7 @@ type APIContextData = {
 const getWebSocketURL = () => {
     const endpoint = getSocketURL();
     const app_id = getAppId();
-    const initial_language = getInitialLanguage();
-    const wallet_allowed_languages = initial_language === 'EN' || initial_language === 'AR';
-    // fallback to EN if language on initial load is not EN/AR
-    const language = wallet_allowed_languages ? initial_language : 'EN';
-
+    const language = getInitialLanguage();
     return `wss://${endpoint}/websockets/v3?app_id=${app_id}&l=${language}&brand=deriv`;
 };
 
diff --git a/packages/core/src/App/AppContent.tsx b/packages/core/src/App/AppContent.tsx
index 26eda6dd9ec4..7149388addb5 100644
--- a/packages/core/src/App/AppContent.tsx
+++ b/packages/core/src/App/AppContent.tsx
@@ -19,6 +19,7 @@ import { ThemeProvider } from '@deriv-com/quill-ui';
 import { useGrowthbookGetFeatureValue, useGrowthbookIsOn, useLiveChat, useOauth2 } from '@deriv/hooks';
 import { useTranslations } from '@deriv-com/translations';
 import initHotjar from '../Utils/Hotjar';
+import { WALLETS_UNSUPPORTED_LANGUAGES } from '@deriv/shared';
 
 const AppContent: React.FC<{ passthrough: unknown }> = observer(({ passthrough }) => {
     const store = useStore();
@@ -55,7 +56,7 @@ const AppContent: React.FC<{ passthrough: unknown }> = observer(({ passthrough }
     const { data } = useRemoteConfig(true);
     const { tracking_datadog } = data;
     const is_passkeys_supported = browserSupportsWebAuthn();
-    const wallets_allowed_languages = current_language === 'EN' || current_language === 'AR';
+    const is_wallets_unsupported_language = WALLETS_UNSUPPORTED_LANGUAGES.includes(current_language);
 
     const livechat_client_information: Parameters<typeof useLiveChat>[0] = {
         is_client_store_initialized,
@@ -110,11 +111,18 @@ const AppContent: React.FC<{ passthrough: unknown }> = observer(({ passthrough }
             if (is_dark_mode_on) {
                 setDarkMode(false);
             }
-            if (!wallets_allowed_languages) {
+            if (is_wallets_unsupported_language) {
                 changeSelectedLanguage('EN');
             }
         }
-    }, [has_wallet, current_language, changeSelectedLanguage, is_dark_mode_on, setDarkMode, wallets_allowed_languages]);
+    }, [
+        has_wallet,
+        current_language,
+        changeSelectedLanguage,
+        is_dark_mode_on,
+        setDarkMode,
+        is_wallets_unsupported_language,
+    ]);
 
     return (
         <ThemeProvider theme={is_dark_mode_on ? 'dark' : 'light'}>
diff --git a/packages/core/src/App/Components/Layout/Header/Components/ToggleMenu/mobile-language-menu.tsx b/packages/core/src/App/Components/Layout/Header/Components/ToggleMenu/mobile-language-menu.tsx
index 3649d0ed0eba..a0fe6048bd71 100644
--- a/packages/core/src/App/Components/Layout/Header/Components/ToggleMenu/mobile-language-menu.tsx
+++ b/packages/core/src/App/Components/Layout/Header/Components/ToggleMenu/mobile-language-menu.tsx
@@ -5,7 +5,7 @@ import { observer, useStore } from '@deriv/stores';
 import { getAllowedLanguages } from '@deriv-com/translations';
 import { localize } from '@deriv/translations'; // [TODO:] Remove this once deriv-app is configured to use the new translation lib
 import { LanguageLink } from 'App/Components/Routes';
-import { UNSUPPORTED_LANGUAGES } from '@deriv/shared';
+import { UNSUPPORTED_LANGUAGES, WALLETS_UNSUPPORTED_LANGUAGES } from '@deriv/shared';
 
 type TMobileLanguageMenu = {
     expandSubMenu: (prop: boolean) => void;
@@ -18,11 +18,9 @@ const MobileLanguageMenu = observer(({ expandSubMenu, toggleDrawer }: TMobileLan
     const { has_wallet } = client;
     const { is_mobile_language_menu_open, setMobileLanguageMenuOpen } = ui;
 
-    const allowed_languages = Object.keys(getAllowedLanguages(UNSUPPORTED_LANGUAGES));
-
-    const filtered_languages = has_wallet
-        ? allowed_languages.filter(lang => lang === 'EN' || lang === 'AR')
-        : allowed_languages;
+    const allowed_languages = Object.keys(
+        getAllowedLanguages(has_wallet ? WALLETS_UNSUPPORTED_LANGUAGES : UNSUPPORTED_LANGUAGES)
+    );
 
     return (
         <MobileDrawer.SubMenu
@@ -40,7 +38,7 @@ const MobileLanguageMenu = observer(({ expandSubMenu, toggleDrawer }: TMobileLan
                     'settings-language__language-container--disabled': is_language_changing,
                 })}
             >
-                {filtered_languages.map(lang => (
+                {allowed_languages.map(lang => (
                     <LanguageLink
                         key={lang}
                         is_clickable
diff --git a/packages/core/src/App/Containers/SettingsModal/settings-language.jsx b/packages/core/src/App/Containers/SettingsModal/settings-language.jsx
index d757ef64a190..b69e08fde6d9 100644
--- a/packages/core/src/App/Containers/SettingsModal/settings-language.jsx
+++ b/packages/core/src/App/Containers/SettingsModal/settings-language.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { observer, useStore } from '@deriv/stores';
 import { getAllowedLanguages, useTranslations } from '@deriv-com/translations';
 import { LanguageLink } from 'App/Components/Routes';
-import { UNSUPPORTED_LANGUAGES } from '@deriv/shared';
+import { UNSUPPORTED_LANGUAGES, WALLETS_UNSUPPORTED_LANGUAGES } from '@deriv/shared';
 
 const isCurrentLanguage = (lang, current_language) => lang === current_language;
 
@@ -12,16 +12,14 @@ const LanguageSettings = observer(() => {
     const { toggleLanguageSettingsModal } = ui;
     const { currentLang } = useTranslations();
 
-    const allowed_languages = Object.keys(getAllowedLanguages(UNSUPPORTED_LANGUAGES));
-
-    const filtered_languages = has_wallet
-        ? allowed_languages.filter(lang => lang === 'EN' || lang === 'AR')
-        : allowed_languages;
+    const allowed_languages = Object.keys(
+        getAllowedLanguages(has_wallet ? WALLETS_UNSUPPORTED_LANGUAGES : UNSUPPORTED_LANGUAGES)
+    );
 
     return (
         <div className='settings-language'>
             <div className='settings-language__language-container'>
-                {filtered_languages.map(lang =>
+                {allowed_languages.map(lang =>
                     isCurrentLanguage(lang, currentLang) ? (
                         <LanguageLink key={lang} lang={lang} />
                     ) : (
diff --git a/packages/shared/src/utils/constants/default-options.ts b/packages/shared/src/utils/constants/default-options.ts
index df93f9889438..66e4a004b309 100644
--- a/packages/shared/src/utils/constants/default-options.ts
+++ b/packages/shared/src/utils/constants/default-options.ts
@@ -4,3 +4,28 @@ import { isProduction } from '../config/config';
  * Returns List of unsupported languages based on the environment.
  */
 export const UNSUPPORTED_LANGUAGES = isProduction() ? ['ID', 'MN'] : ['MN'];
+
+/**
+ * Returns List of unsupported languages for Wallets.
+ */
+export const WALLETS_UNSUPPORTED_LANGUAGES = [
+    ...UNSUPPORTED_LANGUAGES,
+    'BN',
+    'DE',
+    'ES',
+    'ID',
+    'IT',
+    'SW',
+    'KM',
+    'KO',
+    'PL',
+    'PT',
+    'RU',
+    'SI',
+    'TH',
+    'TR',
+    'UZ',
+    'VI',
+    'ZH_CN',
+    'ZH_TW',
+];
diff --git a/packages/wallets/src/components/Base/ATMAmountInput/ATMAmountInput.scss b/packages/wallets/src/components/Base/ATMAmountInput/ATMAmountInput.scss
index bd3ee2dea991..189cbace0221 100644
--- a/packages/wallets/src/components/Base/ATMAmountInput/ATMAmountInput.scss
+++ b/packages/wallets/src/components/Base/ATMAmountInput/ATMAmountInput.scss
@@ -4,6 +4,12 @@
     padding-inline-end: 0.8rem;
     width: 100%;
 
+    &__label {
+        @include mobile-or-tablet-screen {
+            max-width: 14rem;
+        }
+    }
+
     &__input {
         all: unset;
         position: absolute;
diff --git a/packages/wallets/src/components/Base/ATMAmountInput/ATMAmountInput.tsx b/packages/wallets/src/components/Base/ATMAmountInput/ATMAmountInput.tsx
index 5c4b8574f952..09ba8cebe49a 100644
--- a/packages/wallets/src/components/Base/ATMAmountInput/ATMAmountInput.tsx
+++ b/packages/wallets/src/components/Base/ATMAmountInput/ATMAmountInput.tsx
@@ -61,7 +61,7 @@ const WalletTransferFormInputField: React.FC<TProps> = ({
 
     return (
         <div className='wallets-atm-amount-input'>
-            <Text align='start' size='sm'>
+            <Text align='start' className='wallets-atm-amount-input__label' size='sm'>
                 {label}
             </Text>
             <div className='wallets-atm-amount-input__input-container'>
diff --git a/packages/wallets/src/components/Base/Tabs/TabTitle.tsx b/packages/wallets/src/components/Base/Tabs/TabTitle.tsx
index 0cfaf6d5d8c3..290b4e470156 100644
--- a/packages/wallets/src/components/Base/Tabs/TabTitle.tsx
+++ b/packages/wallets/src/components/Base/Tabs/TabTitle.tsx
@@ -24,7 +24,7 @@ const TabTitle: FC<TabTitleProps> = ({ icon, index, isActive, setSelectedTab, si
             onClick={handleOnClick}
         >
             {icon}
-            <Text size={size} weight={isActive ? 'bold' : 'normal'}>
+            <Text align='center' size={size} weight={isActive ? 'bold' : 'normal'}>
                 {title}
             </Text>
         </button>
diff --git a/packages/wallets/src/components/Base/Tabs/Tabs.scss b/packages/wallets/src/components/Base/Tabs/Tabs.scss
index 2f8ec6ecb162..9945b036911d 100644
--- a/packages/wallets/src/components/Base/Tabs/Tabs.scss
+++ b/packages/wallets/src/components/Base/Tabs/Tabs.scss
@@ -14,12 +14,13 @@
         background: none;
         padding: 1rem 0;
         cursor: pointer;
+
         &--active {
             width: 50%;
             border: none;
             border-bottom: 0.2rem solid var(--brand-coral, #ff444f);
             background: none;
-            padding: 1rem 0;
+            padding: 1rem;
         }
     }
 }
diff --git a/packages/wallets/src/components/Base/WalletAlertMessage/WalletAlertMessage.scss b/packages/wallets/src/components/Base/WalletAlertMessage/WalletAlertMessage.scss
index a01ea7071748..c46b1b3bb075 100644
--- a/packages/wallets/src/components/Base/WalletAlertMessage/WalletAlertMessage.scss
+++ b/packages/wallets/src/components/Base/WalletAlertMessage/WalletAlertMessage.scss
@@ -16,7 +16,7 @@
             position: absolute;
             height: 100%;
             top: 50%;
-            inset-inline-start: 50%;
+            left: 50%;
             transform: translate(-50%, -50%);
         }
 
diff --git a/packages/wallets/src/components/Base/WalletLink/WalletLink.tsx b/packages/wallets/src/components/Base/WalletLink/WalletLink.tsx
index a92280ba6b32..f0402a3a9026 100644
--- a/packages/wallets/src/components/Base/WalletLink/WalletLink.tsx
+++ b/packages/wallets/src/components/Base/WalletLink/WalletLink.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
-import { getStaticUrl } from '../../../helpers/urls';
+import { getInitialLanguage } from '@deriv-com/translations';
+import { getStaticUrl, setUrlLanguage } from '../../../helpers/urls';
 import './WalletLink.scss';
 
 type TVariant = 'bold' | 'normal';
@@ -7,19 +8,27 @@ type TVariant = 'bold' | 'normal';
 interface LinkProps {
     children?: React.ReactNode;
     href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];
+    language?: string;
     staticUrl?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];
     variant?: TVariant;
 }
 
-const WalletLink: React.FC<LinkProps> = ({ children, href, staticUrl, variant = 'normal' }) => (
-    <a
-        className={`wallets-link wallets-link__variant--${variant}`}
-        href={href ?? (staticUrl ? getStaticUrl(staticUrl) : '#')}
-        rel='noopener noreferrer'
-        target='_blank'
-    >
-        {children}
-    </a>
-);
+const WalletLink: React.FC<LinkProps> = ({ children, href, language, staticUrl, variant = 'normal' }) => {
+    const getHref = () => {
+        setUrlLanguage(getInitialLanguage());
+        return getStaticUrl(staticUrl, language);
+    };
+
+    return (
+        <a
+            className={`wallets-link wallets-link__variant--${variant}`}
+            href={href ?? (staticUrl ? getHref() : '#')}
+            rel='noopener noreferrer'
+            target='_blank'
+        >
+            {children}
+        </a>
+    );
+};
 
 export default WalletLink;
diff --git a/packages/wallets/src/components/Dropzone/Dropzone.scss b/packages/wallets/src/components/Dropzone/Dropzone.scss
index 00a76b98704d..5bf238ba716e 100644
--- a/packages/wallets/src/components/Dropzone/Dropzone.scss
+++ b/packages/wallets/src/components/Dropzone/Dropzone.scss
@@ -26,6 +26,10 @@
         border: 0.1rem solid var(--status-danger, #ec3f3f);
     }
 
+    &__button {
+        height: auto;
+    }
+
     &__content {
         width: 100%;
         height: 100%;
diff --git a/packages/wallets/src/components/Dropzone/Dropzone.tsx b/packages/wallets/src/components/Dropzone/Dropzone.tsx
index 3e86dab1ec76..d93aac2e7f38 100644
--- a/packages/wallets/src/components/Dropzone/Dropzone.tsx
+++ b/packages/wallets/src/components/Dropzone/Dropzone.tsx
@@ -149,6 +149,7 @@ const Dropzone: React.FC<TProps> = ({
                                 <div className='wallets-dropzone__placeholder-text'>
                                     <Button
                                         borderWidth='sm'
+                                        className='wallets-dropzone__button'
                                         color='black'
                                         onClick={open}
                                         textSize={isDesktop ? 'sm' : 'md'}
diff --git a/packages/wallets/src/components/OptionsAndMultipliersListing/OptionsAndMultipliersListing.tsx b/packages/wallets/src/components/OptionsAndMultipliersListing/OptionsAndMultipliersListing.tsx
index 1e9760efb1ae..80e4c6950ba8 100644
--- a/packages/wallets/src/components/OptionsAndMultipliersListing/OptionsAndMultipliersListing.tsx
+++ b/packages/wallets/src/components/OptionsAndMultipliersListing/OptionsAndMultipliersListing.tsx
@@ -33,7 +33,7 @@ const OptionsAndMultipliersListing = () => {
                         </Text>
                     )}
                     <Text align='start' size={isDesktop ? 'md' : 'sm'}>
-                        <Localize i18n_default_text='Predict the market, profit if you’re right, risk only what you put in. ' />
+                        <Localize i18n_default_text='Predict the market, profit if you’re right, risk only what you put in.' />{' '}
                         <WalletLink staticUrl='/trade-types/options/digital-options/up-and-down/'>
                             <Localize i18n_default_text='Learn more' />
                         </WalletLink>
diff --git a/packages/wallets/src/components/WalletCard/WalletCard.tsx b/packages/wallets/src/components/WalletCard/WalletCard.tsx
index dbb10b4d68ce..8c34a2ccfe5a 100644
--- a/packages/wallets/src/components/WalletCard/WalletCard.tsx
+++ b/packages/wallets/src/components/WalletCard/WalletCard.tsx
@@ -1,6 +1,6 @@
 import React, { ComponentProps } from 'react';
 import classNames from 'classnames';
-import { useTranslations } from '@deriv-com/translations';
+import { Localize } from '@deriv-com/translations';
 import { Text } from '@deriv-com/ui';
 import useAllBalanceSubscription from '../../hooks/useAllBalanceSubscription';
 import { WalletCurrencyIcon } from '../WalletCurrencyIcon';
@@ -25,7 +25,7 @@ const WalletCard: React.FC<TProps> = ({
     onClick,
 }) => {
     const { isLoading: isBalanceLoading } = useAllBalanceSubscription();
-    const { localize } = useTranslations();
+    const isDemoCarouselContent = isDemo && isCarouselContent;
 
     return (
         <button
@@ -57,7 +57,11 @@ const WalletCard: React.FC<TProps> = ({
                         </div>
                         <div className='wallets-card__details-bottom'>
                             <Text color={isDemo ? 'white' : 'general'} size={isCarouselContent ? 'md' : '2xs'}>
-                                {currency} {isDemo && isCarouselContent ? localize('Demo') : ''} Wallet
+                                {isDemoCarouselContent ? (
+                                    <Localize i18n_default_text='{{currency}} Demo Wallet' values={{ currency }} />
+                                ) : (
+                                    <Localize i18n_default_text='{{currency}} Wallet' values={{ currency }} />
+                                )}
                             </Text>
                             {isBalanceLoading ? (
                                 <div
diff --git a/packages/wallets/src/components/WalletListCardActions/WalletListCardActions.tsx b/packages/wallets/src/components/WalletListCardActions/WalletListCardActions.tsx
index d7adbbf33d62..b47ed191c8cd 100644
--- a/packages/wallets/src/components/WalletListCardActions/WalletListCardActions.tsx
+++ b/packages/wallets/src/components/WalletListCardActions/WalletListCardActions.tsx
@@ -102,7 +102,7 @@ const WalletListCardActions: React.FC<TProps> = ({ accountsActiveTabIndex }) =>
                             }}
                             size='lg'
                         />
-                        <Text size='sm' weight={button.text === localize('Deposit') ? 'bold' : 'normal'}>
+                        <Text align='center' size='xs' weight={button.text === localize('Deposit') ? 'bold' : 'normal'}>
                             {button.text}
                         </Text>
                     </div>
diff --git a/packages/wallets/src/components/WalletListCardDropdown/WalletListCardDropdown.tsx b/packages/wallets/src/components/WalletListCardDropdown/WalletListCardDropdown.tsx
index bb99ca632797..22275819a867 100644
--- a/packages/wallets/src/components/WalletListCardDropdown/WalletListCardDropdown.tsx
+++ b/packages/wallets/src/components/WalletListCardDropdown/WalletListCardDropdown.tsx
@@ -4,7 +4,7 @@ import { useEventListener, useOnClickOutside } from 'usehooks-ts';
 import { useActiveWalletAccount, useWalletAccountsList } from '@deriv/api-v2';
 import { displayMoney } from '@deriv/api-v2/src/utils';
 import { LabelPairedChevronDownLgFillIcon } from '@deriv/quill-icons';
-import { Localize } from '@deriv-com/translations';
+import { Localize, useTranslations } from '@deriv-com/translations';
 import { Text } from '@deriv-com/ui';
 import useAllBalanceSubscription from '../../hooks/useAllBalanceSubscription';
 import useWalletAccountSwitcher from '../../hooks/useWalletAccountSwitcher';
@@ -18,6 +18,7 @@ const WalletListCardDropdown = () => {
     const { data: wallets } = useWalletAccountsList();
     const { data: activeWallet } = useActiveWalletAccount();
     const switchWalletAccount = useWalletAccountSwitcher();
+    const { localize } = useTranslations();
     const dropdownRef = useRef<HTMLDivElement>(null);
 
     const { data: balanceData, isLoading: isBalanceLoading } = useAllBalanceSubscription();
@@ -26,9 +27,12 @@ const WalletListCardDropdown = () => {
     const [isOpen, setIsOpen] = useState(false);
     const [selectedText, setSelectedText] = useState('');
 
-    const generateTitleText = useCallback((wallet: THooks.WalletAccountsList) => {
-        return `${wallet?.currency} Wallet`;
-    }, []);
+    const generateTitleText = useCallback(
+        (wallet: THooks.WalletAccountsList) => {
+            return localize('{{currency}} Wallet', { currency: wallet?.currency });
+        },
+        [localize]
+    );
 
     const walletList = useMemo(() => {
         return (
diff --git a/packages/wallets/src/components/WalletsAddMoreCard/WalletsAddMoreCard.scss b/packages/wallets/src/components/WalletsAddMoreCard/WalletsAddMoreCard.scss
index 57c974965a57..60d71b7b19de 100644
--- a/packages/wallets/src/components/WalletsAddMoreCard/WalletsAddMoreCard.scss
+++ b/packages/wallets/src/components/WalletsAddMoreCard/WalletsAddMoreCard.scss
@@ -5,7 +5,7 @@
         gap: 2.4rem;
         padding: 1.6rem;
         width: 23.2rem;
-        height: 28.2rem;
+        height: 100%;
         border-radius: 1.6rem;
         flex-shrink: 0;
         border: 0.1rem solid var(--system-light-5-active-background, #d6dadb);
diff --git a/packages/wallets/src/components/WalletsAddMoreCardBanner/WalletsAddMoreCardBanner.scss b/packages/wallets/src/components/WalletsAddMoreCardBanner/WalletsAddMoreCardBanner.scss
index c56cf8143901..654f3dbc6fe9 100644
--- a/packages/wallets/src/components/WalletsAddMoreCardBanner/WalletsAddMoreCardBanner.scss
+++ b/packages/wallets/src/components/WalletsAddMoreCardBanner/WalletsAddMoreCardBanner.scss
@@ -21,7 +21,7 @@
     }
 
     &__success-footer {
-        width: 24rem;
+        width: 26rem;
 
         @include mobile-or-tablet-screen {
             width: 100%;
diff --git a/packages/wallets/src/components/WalletsAddMoreCardContent/WalletsAddMoreCardContent.tsx b/packages/wallets/src/components/WalletsAddMoreCardContent/WalletsAddMoreCardContent.tsx
index a952b63d3681..4941ae82c998 100644
--- a/packages/wallets/src/components/WalletsAddMoreCardContent/WalletsAddMoreCardContent.tsx
+++ b/packages/wallets/src/components/WalletsAddMoreCardContent/WalletsAddMoreCardContent.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { localize } from '@deriv-com/translations';
+import { Localize, localize } from '@deriv-com/translations';
 import { Text } from '@deriv-com/ui';
 import { THooks } from '../../types';
 
@@ -35,7 +35,7 @@ const WalletsAddMoreCardContent: React.FC<TProps> = ({ currency }) => {
     return (
         <div className='wallets-add-more__content'>
             <Text align='start' size='md' weight='bold'>
-                {currency} Wallet
+                <Localize i18n_default_text='{{currency}} Wallet' values={{ currency }} />
             </Text>
 
             <Text align='start' size='sm'>
diff --git a/packages/wallets/src/components/WalletsCarouselHeader/WalletsCarouselHeader.tsx b/packages/wallets/src/components/WalletsCarouselHeader/WalletsCarouselHeader.tsx
index 8d12f2530f4f..ad5b4f72b7b1 100644
--- a/packages/wallets/src/components/WalletsCarouselHeader/WalletsCarouselHeader.tsx
+++ b/packages/wallets/src/components/WalletsCarouselHeader/WalletsCarouselHeader.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { useHistory } from 'react-router-dom';
 import { LabelPairedArrowUpArrowDownSmBoldIcon } from '@deriv/quill-icons';
-import { useTranslations } from '@deriv-com/translations';
+import { Localize, useTranslations } from '@deriv-com/translations';
 import { Text, useDevice } from '@deriv-com/ui';
 import { IconButton } from '../Base';
 import { WalletCurrencyCard } from '../WalletCurrencyCard';
@@ -27,7 +27,11 @@ const WalletsCarouselHeader: React.FC<TProps> = ({ balance, currency, hidden, is
                 <WalletCurrencyCard currency={currency} isDemo={isDemo} size='md' />
                 <div className='wallets-carousel-header__details'>
                     <Text color='general' size={isMobile ? 'sm' : 'xs'}>
-                        {currency} Wallet
+                        {isDemo ? (
+                            <Localize i18n_default_text='{{currency}} Demo Wallet' values={{ currency }} />
+                        ) : (
+                            <Localize i18n_default_text='{{currency}} Wallet' values={{ currency }} />
+                        )}
                     </Text>
                     {isBalanceLoading ? (
                         <div
diff --git a/packages/wallets/src/features/accounts/modules/Poa/components/DocumentSubmission/DocumentSubmission.scss b/packages/wallets/src/features/accounts/modules/Poa/components/DocumentSubmission/DocumentSubmission.scss
index 6b45d99b81ea..856148dbe109 100644
--- a/packages/wallets/src/features/accounts/modules/Poa/components/DocumentSubmission/DocumentSubmission.scss
+++ b/packages/wallets/src/features/accounts/modules/Poa/components/DocumentSubmission/DocumentSubmission.scss
@@ -78,7 +78,6 @@
                 align-items: center;
                 gap: 1.6rem;
                 align-self: stretch;
-                height: 16rem;
                 border-radius: 0.8rem;
                 cursor: pointer;
             }
@@ -108,6 +107,12 @@
                     }
                 }
             }
+
+            &__size {
+                @include mobile-or-tablet-screen {
+                    text-align: end;
+                }
+            }
         }
         &__common-mistakes {
             display: flex;
diff --git a/packages/wallets/src/features/accounts/modules/Poa/components/DocumentSubmission/DocumentSubmission.tsx b/packages/wallets/src/features/accounts/modules/Poa/components/DocumentSubmission/DocumentSubmission.tsx
index 4ffee342d0e6..d7977aa98343 100644
--- a/packages/wallets/src/features/accounts/modules/Poa/components/DocumentSubmission/DocumentSubmission.tsx
+++ b/packages/wallets/src/features/accounts/modules/Poa/components/DocumentSubmission/DocumentSubmission.tsx
@@ -139,10 +139,14 @@ const DocumentSubmission: React.FC<TDocumentSubmissionProps> = ({ countryCode })
                         titleType='bold'
                     />
                     <div className='wallets-poa__document__container__upload__requirements'>
-                        <Text size={!isDesktop ? 'xs' : 'sm'}>
+                        <Text align='start' size={!isDesktop ? 'xs' : 'sm'}>
                             <Localize i18n_default_text='Supported formats : JPEG, JPG, PNG, PDF, and GIF only' />
                         </Text>
-                        <Text size={!isDesktop ? 'xs' : 'sm'}>
+                        <Text
+                            align='end'
+                            className='wallets-poa__document__container__upload__size'
+                            size={!isDesktop ? 'xs' : 'sm'}
+                        >
                             <Localize i18n_default_text='Maximum size : 8MB' />
                         </Text>
                     </div>
diff --git a/packages/wallets/src/features/cashier/components/WalletCashierHeader/WalletCashierHeader.tsx b/packages/wallets/src/features/cashier/components/WalletCashierHeader/WalletCashierHeader.tsx
index e1df4a8aa1da..68aac26e035d 100644
--- a/packages/wallets/src/features/cashier/components/WalletCashierHeader/WalletCashierHeader.tsx
+++ b/packages/wallets/src/features/cashier/components/WalletCashierHeader/WalletCashierHeader.tsx
@@ -106,7 +106,10 @@ const WalletCashierHeader: React.FC<TProps> = ({ hideWalletDetails }) => {
                             })}
                         >
                             <Text color={isDemo ? 'system-dark-2-general-text' : 'general'} size='md'>
-                                {activeWallet?.currency} Wallet
+                                <Localize
+                                    i18n_default_text='{{currency}} Wallet'
+                                    values={{ currency: activeWallet?.currency }}
+                                />
                             </Text>
                             {isDemo && <WalletListCardBadge />}
                         </div>
diff --git a/packages/wallets/src/features/cashier/constants/constants.ts b/packages/wallets/src/features/cashier/constants/constants.ts
index 010ca88d4fc7..e11ac6513c6b 100644
--- a/packages/wallets/src/features/cashier/constants/constants.ts
+++ b/packages/wallets/src/features/cashier/constants/constants.ts
@@ -1,3 +1,4 @@
+import { localize } from '@deriv-com/translations';
 import {
     TMarketTypes,
     TMT5LandingCompanyName,
@@ -109,6 +110,6 @@ export const PlatformDetails = {
     },
     standard: {
         name: 'standard',
-        title: 'Options',
+        title: localize('Options'),
     },
 } as const;
diff --git a/packages/wallets/src/features/cashier/helpers/helpers.ts b/packages/wallets/src/features/cashier/helpers/helpers.ts
index 9dad150c4409..b76b9698b2b1 100644
--- a/packages/wallets/src/features/cashier/helpers/helpers.ts
+++ b/packages/wallets/src/features/cashier/helpers/helpers.ts
@@ -1,3 +1,4 @@
+import { localize } from '@deriv-com/translations';
 import { THooks, TMarketTypes, TWalletLandingCompanyName } from '../../../types';
 import { PRODUCT } from '../../cfd/constants';
 import { LandingCompanyDetails, MT5MarketTypeDetails, PlatformDetails } from '../constants';
@@ -38,7 +39,7 @@ export const getAccountName = ({
 }: TGetAccountNameProps) => {
     switch (accountCategory) {
         case 'wallet':
-            return `${displayCurrencyCode} Wallet`;
+            return localize('{{currency}} Wallet', { currency: displayCurrencyCode });
         case 'trading': {
             switch (accountType) {
                 case PlatformDetails.standard.name:
diff --git a/packages/wallets/src/features/cashier/modules/FiatOnRamp/components/FiatOnRampProviderCard/FiatOnRampProviderCard.scss b/packages/wallets/src/features/cashier/modules/FiatOnRamp/components/FiatOnRampProviderCard/FiatOnRampProviderCard.scss
index 6b5b0ebdc2f3..aec36b3f2c7c 100644
--- a/packages/wallets/src/features/cashier/modules/FiatOnRamp/components/FiatOnRampProviderCard/FiatOnRampProviderCard.scss
+++ b/packages/wallets/src/features/cashier/modules/FiatOnRamp/components/FiatOnRampProviderCard/FiatOnRampProviderCard.scss
@@ -16,7 +16,7 @@
         grid-gap: 0.8rem;
         grid-template-columns: repeat(4, 1fr);
         grid-template-rows: repeat(2, auto);
-        padding: 1.6rem;
+        padding-inline-end: 1.6rem;
     }
 
     &__content {
diff --git a/packages/wallets/src/features/cashier/modules/Transactions/components/TransactionsCompletedRow/TransactionsCompletedRow.tsx b/packages/wallets/src/features/cashier/modules/Transactions/components/TransactionsCompletedRow/TransactionsCompletedRow.tsx
index 815aa49096f0..60169ef21d24 100644
--- a/packages/wallets/src/features/cashier/modules/Transactions/components/TransactionsCompletedRow/TransactionsCompletedRow.tsx
+++ b/packages/wallets/src/features/cashier/modules/Transactions/components/TransactionsCompletedRow/TransactionsCompletedRow.tsx
@@ -120,7 +120,7 @@ const TransactionsCompletedRow: React.FC<TProps> = ({ accounts, transaction, wal
     if (!transaction.action_type || !transaction.amount) return null;
 
     const displayCurrency = wallet?.currency_config?.display_code || 'USD';
-    const displayWalletName = `${displayCurrency} Wallet`;
+    const displayWalletName = localize('{{currency}} Wallet', { currency: displayCurrency });
     const displayNonTransferActionType =
         wallet.is_virtual && ['deposit', 'withdrawal'].includes(transaction.action_type)
             ? getTransactionLabels(localize).reset_balance
diff --git a/packages/wallets/src/features/cashier/modules/Transactions/components/TransactionsPendingRow/TransactionsPendingRow.tsx b/packages/wallets/src/features/cashier/modules/Transactions/components/TransactionsPendingRow/TransactionsPendingRow.tsx
index 60a8df4b0ad1..f175d44cf4e2 100644
--- a/packages/wallets/src/features/cashier/modules/Transactions/components/TransactionsPendingRow/TransactionsPendingRow.tsx
+++ b/packages/wallets/src/features/cashier/modules/Transactions/components/TransactionsPendingRow/TransactionsPendingRow.tsx
@@ -105,7 +105,7 @@ const TransactionsPendingRow: React.FC<TProps> = ({ transaction }) => {
                             {getTransactionLabels(localize)[transaction.transaction_type]}
                         </Text>
                         <Text align='start' color='general' size='xs' weight='bold'>
-                            {displayCode} Wallet
+                            <Localize i18n_default_text='{{currency}} Wallet' values={{ currency: displayCode }} />
                         </Text>
                     </div>
                 </div>
diff --git a/packages/wallets/src/features/cashier/modules/Transfer/components/TransferFormAccountSelection/TransferFormAccountSelection.tsx b/packages/wallets/src/features/cashier/modules/Transfer/components/TransferFormAccountSelection/TransferFormAccountSelection.tsx
index 45b5c81db30a..74d9ff7596ca 100644
--- a/packages/wallets/src/features/cashier/modules/Transfer/components/TransferFormAccountSelection/TransferFormAccountSelection.tsx
+++ b/packages/wallets/src/features/cashier/modules/Transfer/components/TransferFormAccountSelection/TransferFormAccountSelection.tsx
@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import { LegacyClose2pxIcon } from '@deriv/quill-icons';
-import { Localize } from '@deriv-com/translations';
+import { Localize, useTranslations } from '@deriv-com/translations';
 import { Divider, Text, useDevice } from '@deriv-com/ui';
 import { useModal } from '../../../../../../components/ModalProvider';
 import type { TAccount, TAccountsList } from '../../types';
@@ -38,6 +38,7 @@ const TransferFormAccountSelection: React.FC<TProps> = ({
 }) => {
     const { isDesktop } = useDevice();
     const modal = useModal();
+    const { localize } = useTranslations();
 
     const transferToHint = useMemo(() => {
         const isTransferToHintVisible = !isFromAccountDropdown && toAccount?.loginid === activeWallet?.loginid;
@@ -91,7 +92,9 @@ const TransferFormAccountSelection: React.FC<TProps> = ({
                             <Localize
                                 i18n_default_text='Trading accounts linked with {{wallet}}'
                                 values={{
-                                    wallet: `${activeWallet?.currencyConfig?.display_code} Wallet`,
+                                    wallet: localize('{{currency}} Wallet', {
+                                        currency: activeWallet?.currencyConfig?.display_code,
+                                    }),
                                 }}
                             />
                         ) : (
diff --git a/packages/wallets/src/features/cashier/modules/WithdrawalCrypto/WithdrawalCrypto.scss b/packages/wallets/src/features/cashier/modules/WithdrawalCrypto/WithdrawalCrypto.scss
index ff960735a017..08042bc4a51b 100644
--- a/packages/wallets/src/features/cashier/modules/WithdrawalCrypto/WithdrawalCrypto.scss
+++ b/packages/wallets/src/features/cashier/modules/WithdrawalCrypto/WithdrawalCrypto.scss
@@ -42,6 +42,12 @@
         }
     }
 
+    &__left-content {
+        @include mobile-or-tablet-screen {
+            display: none;
+        }
+    }
+
     &__right-content {
         height: fit-content;
         display: flex;
@@ -57,7 +63,8 @@
             margin-inline-end: 2.4rem;
 
             @include mobile-or-tablet-screen {
-                margin: 0;
+                margin-inline-end: 0;
+                margin-top: 0;
             }
         }
     }
diff --git a/packages/wallets/src/features/cashier/modules/WithdrawalCrypto/components/WithdrawalCryptoDisclaimer/WithdrawalCryptoDisclaimer.scss b/packages/wallets/src/features/cashier/modules/WithdrawalCrypto/components/WithdrawalCryptoDisclaimer/WithdrawalCryptoDisclaimer.scss
index 7023520d49f3..4e7ffde0d841 100644
--- a/packages/wallets/src/features/cashier/modules/WithdrawalCrypto/components/WithdrawalCryptoDisclaimer/WithdrawalCryptoDisclaimer.scss
+++ b/packages/wallets/src/features/cashier/modules/WithdrawalCrypto/components/WithdrawalCryptoDisclaimer/WithdrawalCryptoDisclaimer.scss
@@ -8,7 +8,6 @@
 
     @include mobile-or-tablet-screen {
         max-width: 100%;
-        max-height: 10.6rem;
     }
 
     &__items {
diff --git a/packages/wallets/src/features/cashier/screens/DepositErrorScreen/DepositErrorScreen.tsx b/packages/wallets/src/features/cashier/screens/DepositErrorScreen/DepositErrorScreen.tsx
index 08af446b4348..cdd392e1840f 100644
--- a/packages/wallets/src/features/cashier/screens/DepositErrorScreen/DepositErrorScreen.tsx
+++ b/packages/wallets/src/features/cashier/screens/DepositErrorScreen/DepositErrorScreen.tsx
@@ -1,7 +1,7 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { useActiveWalletAccount } from '@deriv/api-v2';
 import { TSocketError } from '@deriv/api-v2/types';
-import { Localize, useTranslations } from '@deriv-com/translations';
+import { getInitialLanguage, Localize, useTranslations } from '@deriv-com/translations';
 import { WalletsErrorScreen } from '../../../../components';
 import { CryptoDepositErrorCodes } from '../../../../constants/errorCodes';
 
@@ -20,9 +20,17 @@ type TErrorCodeHandlers = Record<string, TErrorContent>;
 
 const DepositErrorScreen: React.FC<TProps> = ({ error }) => {
     const { data } = useActiveWalletAccount();
-    const { localize } = useTranslations();
+    const { currentLang, localize } = useTranslations();
+    const i18nLanguage = getInitialLanguage();
     const currency = data?.currency;
 
+    useEffect(() => {
+        // reload when language is switched to show error message for latest WS connection
+        if (currentLang !== i18nLanguage) {
+            window.location.reload();
+        }
+    }, [currentLang, i18nLanguage]);
+
     const defaultContent: TErrorContent = {
         buttonText: <Localize i18n_default_text='Try again' />,
         message: error.message,
diff --git a/packages/wallets/src/features/cashier/screens/WithdrawalErrorScreen/WithdrawalErrorScreen.tsx b/packages/wallets/src/features/cashier/screens/WithdrawalErrorScreen/WithdrawalErrorScreen.tsx
index 11bd635a08d7..837c6b125715 100644
--- a/packages/wallets/src/features/cashier/screens/WithdrawalErrorScreen/WithdrawalErrorScreen.tsx
+++ b/packages/wallets/src/features/cashier/screens/WithdrawalErrorScreen/WithdrawalErrorScreen.tsx
@@ -1,8 +1,8 @@
-import React, { ComponentProps } from 'react';
+import React, { ComponentProps, useEffect } from 'react';
 import { useHistory } from 'react-router-dom';
 import { useActiveWalletAccount } from '@deriv/api-v2';
 import { TSocketError } from '@deriv/api-v2/types';
-import { Localize, useTranslations } from '@deriv-com/translations';
+import { getInitialLanguage, Localize, useTranslations } from '@deriv-com/translations';
 import { Button } from '@deriv-com/ui';
 import { WalletsErrorScreen } from '../../../../components';
 import { CryptoWithdrawalErrorCodes } from '../../../../constants/errorCodes';
@@ -26,9 +26,17 @@ type TErrorCodeHandlers = Record<string, TErrorContent>;
 const WithdrawalErrorScreen: React.FC<TProps> = ({ error, resetError, setResendEmail }) => {
     const history = useHistory();
     const { data } = useActiveWalletAccount();
-    const { localize } = useTranslations();
+    const { currentLang, localize } = useTranslations();
+    const i18nLanguage = getInitialLanguage();
     const currency = data?.currency;
 
+    useEffect(() => {
+        // reload when language is switched to show error message for latest WS connection
+        if (currentLang !== i18nLanguage) {
+            window.location.reload();
+        }
+    }, [currentLang, i18nLanguage]);
+
     const defaultContent: TErrorContent = {
         buttonText: <Localize i18n_default_text='Try again' />,
         buttonVariant: 'ghost',
diff --git a/packages/wallets/src/features/cfd/components/CFDPasswordModalTnc/CFDPasswordModalTnc.scss b/packages/wallets/src/features/cfd/components/CFDPasswordModalTnc/CFDPasswordModalTnc.scss
index 5f1047baca7e..b0618c3901e9 100644
--- a/packages/wallets/src/features/cfd/components/CFDPasswordModalTnc/CFDPasswordModalTnc.scss
+++ b/packages/wallets/src/features/cfd/components/CFDPasswordModalTnc/CFDPasswordModalTnc.scss
@@ -3,6 +3,10 @@
     flex-direction: column;
     gap: 1.6rem;
 
+    &__message {
+        max-width: 44rem;
+    }
+
     @include mobile-or-tablet-screen {
         margin-top: auto;
     }
diff --git a/packages/wallets/src/features/cfd/components/CFDPasswordModalTnc/CFDPasswordModalTnc.tsx b/packages/wallets/src/features/cfd/components/CFDPasswordModalTnc/CFDPasswordModalTnc.tsx
index ed0ccb3c891c..d4026be040d6 100644
--- a/packages/wallets/src/features/cfd/components/CFDPasswordModalTnc/CFDPasswordModalTnc.tsx
+++ b/packages/wallets/src/features/cfd/components/CFDPasswordModalTnc/CFDPasswordModalTnc.tsx
@@ -25,7 +25,7 @@ const CFDPasswordModalTnc = ({ checked, onChange, platform, product }: TCFDPassw
 
     return (
         <div className='wallets-cfd-modal-tnc'>
-            <InlineMessage iconPosition='top' variant='info'>
+            <InlineMessage className='wallets-cfd-modal-tnc__message' iconPosition='top' variant='info'>
                 <Text align='start' data-testid='dt_wallets_tnc_inline_message' size={isDesktop ? '2xs' : 'xs'}>
                     <Localize
                         i18n_default_text='You are adding your {{platformTitle}} {{productTitle}} account under {{company}}, regulated by the British Virgin Islands Financial Services Commission (licence no. SIBA/L/18/1114).'
@@ -39,7 +39,9 @@ const CFDPasswordModalTnc = ({ checked, onChange, platform, product }: TCFDPassw
                 label={
                     <Text size={isDesktop ? 'xs' : 'sm'}>
                         <Localize
-                            components={[<WalletLink key={0} staticUrl={selectedCompany.tncUrl} variant='bold' />]}
+                            components={[
+                                <WalletLink key={0} language='en' staticUrl={selectedCompany.tncUrl} variant='bold' />,
+                            ]}
                             i18n_default_text='I confirm and accept {{company}}’s <0>terms and conditions</0>'
                             values={{
                                 company: selectedCompany.name,
diff --git a/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AvailableDxtradeAccountsList/AvailableDxtradeAccountsList.tsx b/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AvailableDxtradeAccountsList/AvailableDxtradeAccountsList.tsx
index bbfe154d51f1..6f0e69970caa 100644
--- a/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AvailableDxtradeAccountsList/AvailableDxtradeAccountsList.tsx
+++ b/packages/wallets/src/features/cfd/flows/OtherCFDs/Dxtrade/AvailableDxtradeAccountsList/AvailableDxtradeAccountsList.tsx
@@ -27,7 +27,7 @@ const AvailableDxtradeAccountsList: React.FC = () => {
                             Deriv X
                         </Text>
                     </p>
-                    <Text size='xs'>
+                    <Text align='start' size='xs'>
                         <Localize
                             components={[<strong key={0} />]}
                             i18n_default_text='CFDs on financial and derived instruments, <0>powered by TradingView</0>.'
diff --git a/packages/wallets/src/features/cfd/screens/CFDSuccess/CFDSuccess.tsx b/packages/wallets/src/features/cfd/screens/CFDSuccess/CFDSuccess.tsx
index 20248bdbcc74..7da446b08bd9 100644
--- a/packages/wallets/src/features/cfd/screens/CFDSuccess/CFDSuccess.tsx
+++ b/packages/wallets/src/features/cfd/screens/CFDSuccess/CFDSuccess.tsx
@@ -1,7 +1,7 @@
 import React, { ComponentProps } from 'react';
 import classNames from 'classnames';
 import { useActiveWalletAccount } from '@deriv/api-v2';
-import { useTranslations } from '@deriv-com/translations';
+import { Localize, useTranslations } from '@deriv-com/translations';
 import { Text, useDevice } from '@deriv-com/ui';
 import { WalletMarketCurrencyIcon, WalletSuccess } from '../../../../components';
 import { WalletGradientBackground } from '../../../../components/WalletGradientBackground';
@@ -92,7 +92,10 @@ const CFDSuccess: React.FC<TSuccessProps> = ({
                                     {platformTitlePrefix} {marketTypeTitle} {!isDemo && landingCompanyName}
                                 </Text>
                                 <Text color='primary' size='2xs'>
-                                    {data?.currency} Wallet
+                                    <Localize
+                                        i18n_default_text='{{currency}} Wallet'
+                                        values={{ currency: data?.currency }}
+                                    />
                                 </Text>
                                 {!displayBalance ? (
                                     <div
diff --git a/packages/wallets/src/features/cfd/screens/CompareAccounts/CompareAccountsDescription.tsx b/packages/wallets/src/features/cfd/screens/CompareAccounts/CompareAccountsDescription.tsx
index 8e8aa4a56289..56cd087cf149 100644
--- a/packages/wallets/src/features/cfd/screens/CompareAccounts/CompareAccountsDescription.tsx
+++ b/packages/wallets/src/features/cfd/screens/CompareAccounts/CompareAccountsDescription.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import { useTranslations } from '@deriv-com/translations';
-import { Text, Tooltip } from '@deriv-com/ui';
+import { Text, Tooltip, useDevice } from '@deriv-com/ui';
 import InfoIcon from '../../../../public/images/ic-info-outline.svg';
 import { THooks, TPlatforms } from '../../../../types';
 import { CFD_PLATFORMS } from '../../constants';
@@ -27,6 +27,8 @@ const CompareAccountsDescription = ({
     shortCode,
 }: TCompareAccountsDescription) => {
     const { localize } = useTranslations();
+    const { isTablet } = useDevice();
+
     const marketTypeShortCode =
         platform === CFD_PLATFORMS.MT5 && marketType === 'all'
             ? `${marketType}_${product}_${shortCode}`
@@ -40,7 +42,7 @@ const CompareAccountsDescription = ({
             })}
         >
             <div className='wallets-compare-accounts-text-container__separator'>
-                <Text align='center' as='h1' size='xl' weight='bold'>
+                <Text align='center' as='h1' size={isTablet ? 'md' : 'xl'} weight='bold'>
                     {jurisdictionData.leverage}
                 </Text>
                 <Text align='center' as='p' size='2xs'>
@@ -50,7 +52,7 @@ const CompareAccountsDescription = ({
             {!isEuRegion && (
                 <div className='wallets-compare-accounts-text-container__separator'>
                     <div className='wallets-compare-accounts-title__separator'>
-                        <Text align='center' as='h1' size='xl' weight='bold'>
+                        <Text align='center' as='h1' size={isTablet ? 'md' : 'xl'} weight='bold'>
                             {jurisdictionData.spread}
                         </Text>
                         {marketTypeShortCode === MARKET_TYPE_SHORTCODE.ALL_ZERO_SPREAD_BVI && (
@@ -73,7 +75,7 @@ const CompareAccountsDescription = ({
             {!isDemo && (
                 <React.Fragment>
                     <div className='wallets-compare-accounts-text-container__separator'>
-                        <Text align='center' as='h1' size='sm' weight='bold'>
+                        <Text align='center' as='h1' size={isTablet ? 'md' : 'sm'} weight='bold'>
                             {jurisdictionData.counterparty_company}
                         </Text>
                         <Text align='center' as='p' size='2xs'>
@@ -81,7 +83,7 @@ const CompareAccountsDescription = ({
                         </Text>
                     </div>
                     <div className='wallets-compare-accounts-text-container__separator'>
-                        <Text align='center' as='h1' size='sm' weight='bold'>
+                        <Text align='center' as='h1' size={isTablet ? 'xs' : 'sm'} weight='bold'>
                             {jurisdictionData.jurisdiction}
                         </Text>
                         <Text align='center' as='p' size='2xs'>
@@ -89,7 +91,7 @@ const CompareAccountsDescription = ({
                         </Text>
                     </div>
                     <div className='wallets-compare-accounts-text-container__separator'>
-                        <Text align='center' as='h1' size='sm' weight='bold'>
+                        <Text align='center' as='h1' size={isTablet ? 'xs' : 'sm'} weight='bold'>
                             {jurisdictionData.regulator}
                         </Text>
                         {jurisdictionData.regulator_license && (
diff --git a/packages/wallets/src/features/cfd/screens/CompareAccounts/InstrumentsIconWithLabel.tsx b/packages/wallets/src/features/cfd/screens/CompareAccounts/InstrumentsIconWithLabel.tsx
index c1cdbc21eafd..2b2d6238340a 100644
--- a/packages/wallets/src/features/cfd/screens/CompareAccounts/InstrumentsIconWithLabel.tsx
+++ b/packages/wallets/src/features/cfd/screens/CompareAccounts/InstrumentsIconWithLabel.tsx
@@ -11,7 +11,7 @@ type TInstrumentsIcon = {
 };
 
 const InstrumentsIconWithLabel = ({ highlighted, icon, isAsterisk, text }: TInstrumentsIcon) => {
-    const { isDesktop } = useDevice();
+    const { isDesktop, isTablet } = useDevice();
 
     return (
         <div
@@ -23,7 +23,13 @@ const InstrumentsIconWithLabel = ({ highlighted, icon, isAsterisk, text }: TInst
         >
             {getInstrumentsIcons(!isDesktop)[icon]}
             <div className='wallets-compare-accounts-trading-instruments__text'>
-                <Text align='start' as='p' lineHeight='xs' size='xs' weight={isDesktop ? 'bold' : 'normal'}>
+                <Text
+                    align='start'
+                    as='p'
+                    lineHeight='xs'
+                    size={isTablet ? '2xs' : 'xs'}
+                    weight={isDesktop ? 'bold' : 'normal'}
+                >
                     {text}
                 </Text>
             </div>
diff --git a/packages/wallets/src/features/cfd/screens/EnterPassword/EnterPassword.scss b/packages/wallets/src/features/cfd/screens/EnterPassword/EnterPassword.scss
index ef7889c76d47..1e4692d8b610 100644
--- a/packages/wallets/src/features/cfd/screens/EnterPassword/EnterPassword.scss
+++ b/packages/wallets/src/features/cfd/screens/EnterPassword/EnterPassword.scss
@@ -1,7 +1,6 @@
 .wallets-enter-password {
     display: flex;
     flex-direction: column;
-    width: 40rem;
     padding: 2rem 2.4rem 2.4rem;
     border-radius: 0.8rem;
     background: var(--system-light-8-primary-background, #fff);
@@ -40,6 +39,10 @@
         }
     }
 
+    &__description {
+        max-width: 40rem;
+    }
+
     &__buttons {
         display: flex;
         width: 100%;
@@ -47,4 +50,8 @@
         align-items: center;
         gap: 0.8rem;
     }
+
+    &__hint {
+        max-width: 44rem;
+    }
 }
diff --git a/packages/wallets/src/features/cfd/screens/EnterPassword/EnterPassword.tsx b/packages/wallets/src/features/cfd/screens/EnterPassword/EnterPassword.tsx
index d48df9ae70e7..5b8c25c0b00c 100644
--- a/packages/wallets/src/features/cfd/screens/EnterPassword/EnterPassword.tsx
+++ b/packages/wallets/src/features/cfd/screens/EnterPassword/EnterPassword.tsx
@@ -75,7 +75,7 @@ const EnterPassword: React.FC<TProps> = ({
                 </Text>
             )}
             <div className='wallets-enter-password__content'>
-                <Text align='start' size={isDesktop ? 'sm' : 'md'}>
+                <Text align='start' className='wallets-enter-password__description' size={isDesktop ? 'sm' : 'md'}>
                     <Localize
                         i18n_default_text='Enter your {{title}} password to add a {{accountTitle}} {{marketTypeTitle}} account'
                         values={{
@@ -96,7 +96,7 @@ const EnterPassword: React.FC<TProps> = ({
                     shouldDisablePasswordMeter
                 />
                 {passwordError && (
-                    <Text align='start' size={isDesktop ? 'sm' : 'md'}>
+                    <Text align='start' className='wallets-enter-password__hint' size={isDesktop ? 'sm' : 'md'}>
                         {passwordErrorHints}
                     </Text>
                 )}
diff --git a/packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionTncSection/JurisdictionTncSection.tsx b/packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionTncSection/JurisdictionTncSection.tsx
index db13ea3bd5b1..2fc4ba8d1548 100644
--- a/packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionTncSection/JurisdictionTncSection.tsx
+++ b/packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionTncSection/JurisdictionTncSection.tsx
@@ -39,7 +39,7 @@ const JurisdictionTncSection: React.FC<TProps> = ({
                                         className='wallets-jurisdiction-tnc-checkbox__link'
                                         key={0}
                                         onClick={() => {
-                                            window.open(getStaticUrl(selectedCompany.tncUrl), '_blank');
+                                            window.open(getStaticUrl(selectedCompany.tncUrl, 'en'), '_blank');
                                         }}
                                         // Reason: To fix sonarcloud issue
                                         onKeyDown={(event: React.KeyboardEvent<HTMLAnchorElement>) => {
@@ -48,7 +48,8 @@ const JurisdictionTncSection: React.FC<TProps> = ({
                                                     getStaticUrl(
                                                         companyNamesAndUrls[
                                                             selectedJurisdiction as keyof typeof companyNamesAndUrls
-                                                        ].tncUrl
+                                                        ].tncUrl,
+                                                        'en'
                                                     ),
                                                     '_blank'
                                                 );
diff --git a/packages/wallets/src/features/cfd/screens/VerificationFailed/VerificationFailed.scss b/packages/wallets/src/features/cfd/screens/VerificationFailed/VerificationFailed.scss
index 7ab924307ff6..767c7b90de36 100644
--- a/packages/wallets/src/features/cfd/screens/VerificationFailed/VerificationFailed.scss
+++ b/packages/wallets/src/features/cfd/screens/VerificationFailed/VerificationFailed.scss
@@ -5,10 +5,8 @@
     gap: 2.4rem;
     border-radius: 0.8rem;
     background-color: var(--system-light-8-primary-background, #fff);
-    width: 44rem;
 
     @include mobile-or-tablet-screen {
-        width: 32rem;
         padding: 1.6rem;
         gap: 1.6rem;
     }
@@ -33,6 +31,7 @@
         display: flex;
         flex-direction: column;
         gap: 2rem;
+        max-width: 44rem;
 
         @include mobile-or-tablet-screen {
             gap: 1rem;
diff --git a/packages/wallets/src/helpers/urls.ts b/packages/wallets/src/helpers/urls.ts
index 445fdef6c164..f2c2d0042f0a 100644
--- a/packages/wallets/src/helpers/urls.ts
+++ b/packages/wallets/src/helpers/urls.ts
@@ -28,6 +28,10 @@ export const whatsappUrl = 'https://wa.me/35699578341';
 
 let defaultLanguage: string;
 
+export const setUrlLanguage = (lang: string) => {
+    defaultLanguage = lang;
+};
+
 /**
  * @deprecated Please use 'URLUtils.normalizePath' from '@deriv-com/utils' instead of this.
  */
@@ -82,9 +86,14 @@ export const isStaging = (domain = window.location.hostname) => {
 /**
  * @deprecated Please use 'URLUtils.getDerivStaticURL' from '@deriv-com/utils' instead of this.
  */
-export const getStaticUrl = (path = '', isDocument = false, isEuUrl = false) => {
+export const getStaticUrl = (
+    path = '',
+    language = defaultLanguage?.toLowerCase(),
+    isDocument = false,
+    isEuUrl = false
+) => {
     const host = isEuUrl ? derivUrls.DERIV_COM_PRODUCTION_EU : derivUrls.DERIV_COM_PRODUCTION;
-    let lang = defaultLanguage?.toLowerCase();
+    let lang = language;
 
     if (lang && lang !== 'en') {
         lang = `/${lang}`;
diff --git a/packages/wallets/src/types.ts b/packages/wallets/src/types.ts
index 04d846e65c8f..a95ffbaa2250 100644
--- a/packages/wallets/src/types.ts
+++ b/packages/wallets/src/types.ts
@@ -116,4 +116,4 @@ export type TProductForMarketDetails = NonNullable<
 
 export type TTranslations = ReturnType<typeof useTranslations>;
 
-export type TLanguageType = 'AR' | 'EN';
+export type TLanguageType = 'AR' | 'EN' | 'FR';