fix

ui/pages/SearchResults.tsx

@@ -73,7 +73,7 @@ const SearchResultsPageContent = () => {
     return (
       <>
         <Show below="lg" ssr={ false }>
-          { marketplaceApps.displayedApps.map((item, index) => (
+          { pagination.page === 1 && marketplaceApps.displayedApps.map((item, index) => (
             <SearchResultListItem
               key={ 'actual_' + index }
               data={{ type: 'app', app: item }}
@@ -100,7 +100,7 @@ const SearchResultsPageContent = () => {
               </Tr>
             </Thead>
             <Tbody>
-              { marketplaceApps.displayedApps.map((item, index) => (
+              { pagination.page === 1 && marketplaceApps.displayedApps.map((item, index) => (
                 <SearchResultTableItem
                   key={ 'actual_' + index }
                   data={{ type: 'app', app: item }}
@@ -138,7 +138,7 @@ const SearchResultsPageContent = () => {
           <chakra.span fontWeight={ 700 }>
             { resultsCount }
           </chakra.span>
-          <span> matching result{ (data?.items && data.items.length > 1) || pagination.page > 1 ? 's' : '' } for </span>
+          <span> matching result{ (((data?.items.length || 0) + marketplaceApps.displayedApps.length) > 1) || pagination.page > 1 ? 's' : '' } for </span>
           “<chakra.span fontWeight={ 700 }>{ debouncedSearchTerm }</chakra.span>”
         </Box>
       )

ui/snippets/searchBar/SearchBarSuggest/SearchBarSuggestApp.tsx

@@ -27,8 +27,6 @@ const SearchBarSuggestApp = ({ data, isMobile, searchTerm, onClick }: Props) =>
     />
   );
 
-  const secondaryColor = useColorModeValue('gray.500', 'gray.400');
-
   const content = (() => {
     if (isMobile) {
       return (
@@ -83,7 +81,7 @@ const SearchBarSuggestApp = ({ data, isMobile, searchTerm, onClick }: Props) =>
         >
           { data.description }
         </Text>
-        { data.external && <Icon as={ arrowIcon } boxSize={ 4 } verticalAlign="middle" color={ secondaryColor }/> }
+        { data.external && <Icon as={ arrowIcon } boxSize={ 4 } verticalAlign="middle" color="text_secondary"/> }
       </Flex>
     );
   })();