update no data component

ui/marketplace/MarketplaceListWithScores/DataNotAvailable.tsx

-import { Tooltip, chakra } from '@chakra-ui/react';
-import React from 'react';
-
-const DataNotAvailable = () => {
-  return (
-    <Tooltip
-      label="Data will be available soon"
-      textAlign="center"
-      padding={ 2 }
-      openDelay={ 500 }
-    >
-      <chakra.span cursor="default" fontWeight="500" fontSize="sm">
-        n/a
-      </chakra.span>
-    </Tooltip>
-  );
-};
-
-export default DataNotAvailable;

ui/marketplace/MarketplaceListWithScores/ListItem.tsx

-import { Flex, IconButton, chakra } from '@chakra-ui/react';
+import { Flex, IconButton, Text } from '@chakra-ui/react';
 import React from 'react';
 import type { MouseEvent } from 'react';
 
@@ -117,9 +117,7 @@ const ListItem = ({ app, onInfoClick, isFavorite, onFavoriteClick, isLoading, on
                 </ContractListButton>
               </>
             ) : (
-              <chakra.span fontWeight="500" fontSize="sm">
-                Data will be available soon
-              </chakra.span>
+              <Text variant="secondary" fontSize="sm" fontWeight={ 500 }>Data will be available soon</Text>
             ) }
           </Flex>
           <MoreInfoButton onClick={ handleInfoClick } isLoading={ isLoading }/>

ui/marketplace/MarketplaceListWithScores/TableItem.tsx

-import { Td, Tr, IconButton, Skeleton } from '@chakra-ui/react';
+import { Td, Tr, IconButton, Skeleton, Text } from '@chakra-ui/react';
 import React from 'react';
 import type { MouseEvent } from 'react';
 
@@ -11,7 +11,6 @@ import IconSvg from 'ui/shared/IconSvg';
 import AppSecurityReport from '../AppSecurityReport';
 import ContractListButton, { ContractListButtonVariants } from '../ContractListButton';
 import AppLink from './AppLink';
-import DataNotAvailable from './DataNotAvailable';
 import MoreInfoButton from './MoreInfoButton';
 
 type Props = {
@@ -80,19 +79,16 @@ const TableItem = ({
       <Td verticalAlign="middle">
         <AppLink app={ app } isLoading={ isLoading } onAppClick={ onAppClick } isLarge/>
       </Td>
-      <Td verticalAlign="middle">
       { (securityReport || isLoading) ? (
+        <>
+          <Td verticalAlign="middle">
             <AppSecurityReport
               securityReport={ securityReport }
               showContractList={ showAnalyzedContracts }
               isLoading={ isLoading }
             />
-        ) : (
-          <DataNotAvailable/>
-        ) }
           </Td>
           <Td verticalAlign="middle">
-        { (securityReport || isLoading) ? (
             <ContractListButton
               onClick={ showAllContracts }
               variant={ ContractListButtonVariants.ALL_CONTRACTS }
@@ -100,12 +96,8 @@ const TableItem = ({
             >
               { securityReport?.overallInfo.totalContractsNumber }
             </ContractListButton>
-        ) : (
-          <DataNotAvailable/>
-        ) }
           </Td>
           <Td verticalAlign="middle">
-        { (securityReport || isLoading) ? (
             <ContractListButton
               onClick={ showVerifiedContracts }
               variant={ ContractListButtonVariants.VERIFIED_CONTRACTS }
@@ -113,10 +105,13 @@ const TableItem = ({
             >
               { securityReport?.overallInfo.verifiedNumber }
             </ContractListButton>
+          </Td>
+        </>
       ) : (
-          <DataNotAvailable/>
-        ) }
+        <Td verticalAlign="middle" colSpan={ 3 }>
+          <Text variant="secondary" fontSize="sm" fontWeight={ 500 }>Data will be available soon</Text>
         </Td>
+      ) }
       <Td verticalAlign="middle" isNumeric>
         <MoreInfoButton onClick={ handleInfoClick } isLoading={ isLoading }/>
       </Td>