diff --git a/packages/trader/src/Modules/Trading/Components/Form/Purchase/contract-info.jsx b/packages/trader/src/Modules/Trading/Components/Form/Purchase/contract-info.jsx index 8d37481f2b6c..f1a85f2412f8 100644 --- a/packages/trader/src/Modules/Trading/Components/Form/Purchase/contract-info.jsx +++ b/packages/trader/src/Modules/Trading/Components/Form/Purchase/contract-info.jsx @@ -1,13 +1,13 @@ import classNames from 'classnames'; import PropTypes from 'prop-types'; import React from 'react'; -import { Icon, DesktopWrapper, Money, MobileWrapper, Popover, Text } from '@deriv/components'; -import { localize, Localize } from '@deriv/translations'; -import { getCurrencyDisplayCode, getGrowthRatePercentage, getLocalizedBasis, isMobile } from '@deriv/shared'; +import { DesktopWrapper, Icon, MobileWrapper, Money, Popover, Text } from '@deriv/components'; +import { Localize, localize } from '@deriv/translations'; +import { getCurrencyDisplayCode, getLocalizedBasis, isMobile, getGrowthRatePercentage } from '@deriv/shared'; import CancelDealInfo from './cancel-deal-info.jsx'; const ValueMovement = ({ has_error_or_not_loaded, proposal_info, currency, has_increased, is_vanilla }) => ( -
+
{!has_error_or_not_loaded && ( { if (is_vanilla) { - return 'Payout per point'; + return localize('Payout per point'); } return proposal_info.obj_contract_basis.text; }; const has_error_or_not_loaded = proposal_info.has_error || !proposal_info.id; - const basis_text = has_error_or_not_loaded ? stakeOrPayout() : localize('{{value}}', { value: setBasisText() }); + const basis_text = has_error_or_not_loaded ? stakeOrPayout() : setBasisText(); const { message, obj_contract_basis, stake } = proposal_info; diff --git a/packages/trader/src/sass/app/_common/components/strike.scss b/packages/trader/src/sass/app/_common/components/strike.scss index 1204bb9fd548..d970cbba8b3e 100644 --- a/packages/trader/src/sass/app/_common/components/strike.scss +++ b/packages/trader/src/sass/app/_common/components/strike.scss @@ -8,7 +8,8 @@ grid-template-columns: 1fr 1fr 1fr; height: 4rem; margin: 0 0 0.8rem; - padding: 1rem 0.8rem; + padding: 0 0.8rem; + box-sizing: border-box; .mobile-widget { &__spot {