fix tests

ui/token/TokenProjectInfo/Content.tsx

-import { Flex, Text, Box, Grid } from '@chakra-ui/react';
+import { Flex, Text, Grid } from '@chakra-ui/react';
 import React from 'react';
 
 import type { TokenVerifiedInfo } from 'types/api/token';
@@ -70,10 +70,10 @@ const Content = ({ data }: Props) => {
     .filter(({ href }) => href);
 
   return (
-    <Box fontSize="sm">
+    <Flex fontSize="sm" flexDir="column" rowGap={ 5 }>
       { (description || docs || support) && (
-        <>
-          <Text variant="secondary" fontSize="xs" mb={ 5 }>Description and support info</Text>
+        <div>
+          <Text variant="secondary" fontSize="xs">Description and support info</Text>
           { description }
           { (docs || support) && (
             <Flex alignItems="center" flexWrap="wrap" columnGap={ 6 } mt={ 3 }>
@@ -81,25 +81,25 @@ const Content = ({ data }: Props) => {
               { docs }
             </Flex>
           ) }
-        </>
+        </div>
       ) }
       { socialLinks.length > 0 && (
-        <>
-          <Text variant="secondary" fontSize="xs" mb={ 5 }>Links</Text>
+        <div>
+          <Text variant="secondary" fontSize="xs">Links</Text>
           <Grid templateColumns={{ base: 'repeat(2, 1fr)', lg: 'repeat(3, 1fr)' }} columnGap={ 4 } rowGap={ 3 } mt={ 3 }>
             { socialLinks.map((link) => <ServiceLink key={ link.field } { ...link }/>) }
           </Grid>
-        </>
+        </div>
       ) }
       { priceTickersLinks.length > 0 && (
-        <>
+        <div>
           <Text variant="secondary" fontSize="xs">Crypto markets</Text>
           <Grid templateColumns={{ base: 'repeat(2, 1fr)', lg: 'repeat(3, 1fr)' }} columnGap={ 4 } rowGap={ 3 } mt={ 3 }>
             { priceTickersLinks.map((link) => <ServiceLink key={ link.field } { ...link }/>) }
           </Grid>
-        </>
+        </div>
       ) }
-    </Box>
+    </Flex>
   );
 };