diff --git a/libs/deal-ticket/src/components/deal-ticket.tsx b/libs/deal-ticket/src/components/deal-ticket.tsx index 13022bbe2..4e3d3d4ee 100644 --- a/libs/deal-ticket/src/components/deal-ticket.tsx +++ b/libs/deal-ticket/src/components/deal-ticket.tsx @@ -4,7 +4,11 @@ import { VegaWalletOrderType, VegaWalletOrderTimeInForce, } from '@vegaprotocol/wallet'; -import { t, addDecimal, toDecimal } from '@vegaprotocol/react-helpers'; +import { + t, + toDecimal, + addDecimalsFormatNumber, +} from '@vegaprotocol/react-helpers'; import { Button, InputError } from '@vegaprotocol/ui-toolkit'; import { TypeSelector } from './type-selector'; import { SideSelector } from './side-selector'; @@ -83,7 +87,10 @@ export const DealTicket = ({ register={register} price={ market.depth.lastTrade - ? addDecimal(market.depth.lastTrade.price, market.decimalPlaces) + ? addDecimalsFormatNumber( + market.depth.lastTrade.price, + market.decimalPlaces + ) : undefined } quoteName={market.tradableInstrument.instrument.product.quoteName} diff --git a/libs/ui-toolkit/src/components/icon/icon.tsx b/libs/ui-toolkit/src/components/icon/icon.tsx index e6cd560f7..b846c4332 100644 --- a/libs/ui-toolkit/src/components/icon/icon.tsx +++ b/libs/ui-toolkit/src/components/icon/icon.tsx @@ -17,6 +17,7 @@ export const Icon = ({ size = 16, name, className, ariaLabel }: IconProps) => { 'fill-current', 'align-text-bottom', 'fill-current', + 'shrink-0', { 'w-20': size === 20, 'h-20': size === 20, diff --git a/libs/ui-toolkit/src/components/input-error/input-error.tsx b/libs/ui-toolkit/src/components/input-error/input-error.tsx index d691b3d12..36cc93cb8 100644 --- a/libs/ui-toolkit/src/components/input-error/input-error.tsx +++ b/libs/ui-toolkit/src/components/input-error/input-error.tsx @@ -21,7 +21,6 @@ export const InputError = ({ 'flex', 'items-center', 'box-border', - 'h-28', 'border-l-4', 'text-black-95 dark:text-white-95', 'text-ui', @@ -44,7 +43,7 @@ export const InputError = ({ {...props} role="alert" > - + {children} );