diff --git a/packages/appstore/src/components/cfds-listing/cfds-listing.scss b/packages/appstore/src/components/cfds-listing/cfds-listing.scss index 1ce3319d8701..bba932feb054 100644 --- a/packages/appstore/src/components/cfds-listing/cfds-listing.scss +++ b/packages/appstore/src/components/cfds-listing/cfds-listing.scss @@ -449,6 +449,9 @@ &__spec-text { font-family: 'Courier', monospace; overflow: hidden; + &-broker { + margin-left: 4rem; + } } &__download-center { border-top: 2px solid var(--general-section-1); diff --git a/packages/cfd/src/Containers/dmt5-trade-modal.tsx b/packages/cfd/src/Containers/dmt5-trade-modal.tsx index 7a8753cacc8d..ff0edf8ad8b9 100644 --- a/packages/cfd/src/Containers/dmt5-trade-modal.tsx +++ b/packages/cfd/src/Containers/dmt5-trade-modal.tsx @@ -1,4 +1,5 @@ import React from 'react'; +import classNames from 'classnames'; import { Text, Button, Icon, Money, Popover } from '@deriv/components'; import { TPasswordBoxProps, TTradingPlatformAccounts } from '../Components/props.types'; import { DetailsOfEachMT5Loginid } from '@deriv/api-types'; @@ -33,11 +34,16 @@ type TMT5TradeModalProps = { export type TSpecBoxProps = { value: string | undefined; is_bold?: boolean; + is_broker?: boolean; }; -const SpecBox = ({ value, is_bold }: TSpecBoxProps) => ( +const SpecBox = ({ value, is_bold, is_broker }: TSpecBoxProps) => (