From 86bb098ada34b02312ed8110006f425c0c7b3f9a Mon Sep 17 00:00:00 2001 From: Sorin Chis Date: Fri, 5 Jul 2024 14:35:31 +0200 Subject: [PATCH] fix swap input focus border width --- packages/yoroi-extension/app/components/swap/SwapInput.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/yoroi-extension/app/components/swap/SwapInput.js b/packages/yoroi-extension/app/components/swap/SwapInput.js index 381f0848b2a..ade292e604a 100644 --- a/packages/yoroi-extension/app/components/swap/SwapInput.js +++ b/packages/yoroi-extension/app/components/swap/SwapInput.js @@ -72,7 +72,7 @@ export default function SwapInput({ component="fieldset" sx={{ borderStyle: 'solid', - borderWidth: tokenInfo.id?.length > 0 && error ? '2px' : '1px', + borderWidth: (tokenInfo.id?.length > 0 && error) || focusState.value ? '2px' : '1px', borderColor: error ? 'magenta.500' : isFocusedColor, borderRadius: '8px', p: '16px', @@ -85,6 +85,7 @@ export default function SwapInput({ bgcolor: 'common.white', columnGap: '6px', rowGap: '8px', + maxHeight: '95px', '&:hover': { borderColor: !error && 'grayscale.max', },