UI issues

[ferostabio]

• [x] A call failed when I arrived to the borrow screen (had connectivity issues) and the token card showed NaN in

<Typography variant="small" sx={{ width: '11rem' }}>
   {formatValue(usdPrice * +value, { style: 'currency' })}
</Typography>

We should add a isNan check and return a properly formated 0 instead.

• [x] When we add a token to Metamask, the UI is... different from what we now have 😅.

At least we should replace the emoji with our checkmark svg?

• [x] Custom slippage doesn't fit on screen

• [x] Remove the circle shadow of checkboxes in the disclaimer modal
• [x] Display the amount instead of a % in the borrow input as recommended

[NikolaiYurchenko]

@ferostabio I looked for what you mean in 4 point and didn't find it, can you please provide more info about this?

[NikolaiYurchenko]

@ferostabio point 2 is outdated, doublechecked this with Mark. P.S. marked checkbox as done for this

[NikolaiYurchenko]

@brozorec cant detect "Remove the circle shadow of checkboxes in the disclaimer modal" Could you please tell more about it? tried on both firefox and chrome

[brozorec]

@brozorec cant detect "Remove the circle shadow of checkboxes in the disclaimer modal" Could you please tell more about it? tried on both firefox and chrome

sure, sending you a screen recording in DM