diff --git a/packages/appstore/src/components/modals/wallets-upgrade-modal/wallets-upgrade-modal.scss b/packages/appstore/src/components/modals/wallets-upgrade-modal/wallets-upgrade-modal.scss index 85dcafd448ed..efa746cc6b9d 100644 --- a/packages/appstore/src/components/modals/wallets-upgrade-modal/wallets-upgrade-modal.scss +++ b/packages/appstore/src/components/modals/wallets-upgrade-modal/wallets-upgrade-modal.scss @@ -53,6 +53,13 @@ gap: 0.8rem; } + &__disclaimer { + width: 100%; + &-message { + line-height: 2.2rem; + } + } + &__footer { &--mobile { text-align: center; diff --git a/packages/appstore/src/components/modals/wallets-upgrade-modal/wallets-upgrade-modal.tsx b/packages/appstore/src/components/modals/wallets-upgrade-modal/wallets-upgrade-modal.tsx index 250a61877887..6bbe3e7bd3a5 100644 --- a/packages/appstore/src/components/modals/wallets-upgrade-modal/wallets-upgrade-modal.tsx +++ b/packages/appstore/src/components/modals/wallets-upgrade-modal/wallets-upgrade-modal.tsx @@ -5,6 +5,7 @@ import { Button, Text, Modal, VideoPlayer } from '@deriv/components'; import { localize, Localize } from '@deriv/translations'; import { observer, useStore } from '@deriv/stores'; import { useWalletMigration } from '@deriv/hooks'; +import { SectionMessage } from '@deriv-com/ui'; import { getWalletMigrationVideoTranslations, WALLET_MIGRATION_VIDEO_TRANSLATIONS, @@ -91,6 +92,11 @@ const WalletsUpgradeModal = observer(() => { /> + + + + +