icon and text fixes

ui/address/AddressDetails.tsx

@@ -78,7 +78,7 @@ const AddressDetails = ({ addressQuery }: Props) => {
       </Flex>
       { explorers.length > 0 && (
         <Flex mt={ 8 } columnGap={ 4 } flexWrap="wrap">
-          <Text>Verify with other explorers</Text>
+          <Text fontSize="sm">Verify with other explorers</Text>
           { explorers.map((explorer) => {
             const url = new URL(explorer.paths.tx + '/' + router.query.id, explorer.baseUrl);
             return <ExternalLink key={ explorer.baseUrl } title={ explorer.title } href={ url.toString() }/>;

ui/address/tokenSelect/TokenSelect.tsx

-import { Box, Button, Icon, Skeleton } from '@chakra-ui/react';
+import { Box, Icon, IconButton, Skeleton, Tooltip } from '@chakra-ui/react';
 import { useQuery, useQueryClient, useIsFetching } from '@tanstack/react-query';
 import { useRouter } from 'next/router';
 import React from 'react';
@@ -63,9 +63,17 @@ const TokenSelect = () => {
   });
 
   const button = (
-    <Button variant="outline" size="sm" ml={ 3 }>
-      <Icon as={ walletIcon } boxSize={ 5 }/>
-    </Button>
+    <Tooltip label="Show all tokens">
+      <IconButton
+        aria-label="Show all tokens"
+        variant="outline"
+        size="sm"
+        pl="6px"
+        pr="6px"
+        ml={ 3 }
+        icon={ <Icon as={ walletIcon } boxSize={ 5 }/> }
+      />
+    </Tooltip>
   );
 
   if (isLoading || balancesIsFetching === 1) {