Minor visual tweaks

0xsend · Dec 21, 2024 · e1a05f2 · e1a05f2
1 parent e61c6fc
commit e1a05f2
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/app/components/FormFields/CoinField.tsx b/packages/app/components/FormFields/CoinField.tsx
@@ -5,6 +5,7 @@ import {
   Fieldset,
   getFontSize,
   isWeb,
+  isTouchable,
   Paragraph,
   Select,
   type SelectProps,
@@ -68,6 +69,9 @@ export const CoinField = ({
               scaleIcon={1.5}
               padding={0}
               bc={'transparent'}
+              focusStyle={{
+                bc: 'transparent',
+              }}
               iconAfter={
                 isOpen ? (
                   <ChevronUp color={'$primary'} $theme-light={{ color: '$color12' }} />
@@ -141,7 +145,13 @@ export const CoinField = ({
                   x: 0,
                 }}
               >
-                <XStack als="flex-start" w={320} boc={'transparent'} f={1}>
+                <XStack
+                  als="flex-start"
+                  w={320}
+                  $sm={{ w: isTouchable ? '100%' : 320 }}
+                  boc={'transparent'}
+                  f={1}
+                >
                   <Select.Group disabled={disabled} space="$0">
                     {/* <Select.Label>{label}</Select.Label> */}
                     {coins.map((coin, i) => {