fix swap input focus border width

Emurgo · Jul 5, 2024 · 86bb098 · 86bb098
1 parent 5689583
commit 86bb098
Showing 1 changed file with 2 additions and 1 deletion.
diff --git 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',
           },