small fixes

theme/components/Button.ts

@@ -77,6 +77,9 @@ const variantOutline = defineStyle((props) => {
         bg: props.isActive ? activeBg : 'transparent',
         borderColor: props.isActive ? activeBg : 'blue.400',
         color: props.isActive ? activeColor : 'blue.400',
+        p: {
+          color: 'blue.400',
+        },
       },
       _disabled: {
         color,

ui/address/tokenSelect/TokenSelectButton.tsx

@@ -28,7 +28,7 @@ const TokenSelectButton = ({ isOpen, onClick, data }: Props, ref: React.Forwarde
       <Icon as={ tokensIcon } boxSize={ 4 } mr={ 2 }/>
       <Text fontWeight={ 600 }>{ data.length }</Text>
       <Text whiteSpace="pre" variant="secondary" fontWeight={ 400 }> (${ totalBn.toFormat(2) })</Text>
-      <Icon as={ arrowIcon } transform={ isOpen ? 'rotate(90deg)' : 'rotate(-90deg)' } transitionDuration="normal" boxSize={ 5 } ml={ 3 }/>
+      <Icon as={ arrowIcon } transform={ isOpen ? 'rotate(90deg)' : 'rotate(-90deg)' } transitionDuration="faster" boxSize={ 5 } ml={ 3 }/>
     </Button>
   );
 };

ui/address/tokenSelect/TokenSelectMenu.tsx

@@ -10,7 +10,7 @@ import searchIcon from 'icons/search.svg';
 
 import TokenSelectItem from './TokenSelectItem';
 import type { Sort, EnhancedData } from './utils';
-import { SORTABLE_TOKENS, sortTokenGroups, sortingFns } from './utils';
+import { sortTokenGroups, sortingFns } from './utils';
 
 interface Props {
   searchTerm: string;
@@ -56,14 +56,15 @@ const TokenSelectMenu = ({ erc20sort, erc1155sort, modifiedData, groupedData, on
                 return 'desc';
             }
           })();
+          const hasSort = type === 'ERC-1155' || (type === 'ERC-20' && tokenInfo.some(({ usd }) => usd));
 
           return (
             <Box key={ type }>
               <Flex justifyContent="space-between">
                 <Text mb={ 3 } color="gray.500" fontWeight={ 600 } fontSize="sm">{ type } tokens ({ tokenInfo.length })</Text>
-                { SORTABLE_TOKENS.includes(type) && (
+                { hasSort && (
                   <Link data-type={ type } onClick={ onSortClick }>
-                    <Icon as={ arrowIcon } boxSize={ 5 } transform={ arrowTransform } transitionDuration="fast"/>
+                    <Icon as={ arrowIcon } boxSize={ 5 } transform={ arrowTransform } transitionDuration="faster"/>
                   </Link>
                 ) }
               </Flex>

ui/address/tokenSelect/utils.ts

@@ -8,7 +8,6 @@ export type EnhancedData = AddressTokenBalance & {
 }
 
 export type Sort = 'desc' | 'asc';
-export const SORTABLE_TOKENS: Array<TokenType> = [ 'ERC-20', 'ERC-1155' ];
 const TOKEN_GROUPS_ORDER: Array<TokenType> = [ 'ERC-20', 'ERC-721', 'ERC-1155' ];
 type TokenGroup = [string, Array<AddressTokenBalance>];