search suggest fix (#1000)

ui/snippets/searchBar/SearchBar.pw.tsx

+import { LightMode } from '@chakra-ui/react';
 import { test, expect } from '@playwright/experimental-ct-react';
 import React from 'react';
 
@@ -51,6 +52,32 @@ test('search by name  +@mobile +@dark-mode', async({ mount, page }) => {
   await expect(page).toHaveScreenshot({ clip: { x: 0, y: 0, width: 1200, height: 500 } });
 });
 
+test('search by name homepage +@dark-mode', async({ mount, page }) => {
+  const API_URL = buildApiUrl('search') + '?q=o';
+  await page.route(API_URL, (route) => route.fulfill({
+    status: 200,
+    body: JSON.stringify({
+      items: [
+        searchMock.token1,
+        searchMock.token2,
+        searchMock.contract1,
+      ],
+    }),
+  }));
+
+  await mount(
+    <TestApp>
+      <LightMode>
+        <SearchBar isHomepage/>
+      </LightMode>
+    </TestApp>,
+  );
+  await page.getByPlaceholder(/search/i).type('o');
+  await page.waitForResponse(API_URL);
+
+  await expect(page).toHaveScreenshot({ clip: { x: 0, y: 0, width: 1200, height: 500 } });
+});
+
 test('search by tag  +@mobile +@dark-mode', async({ mount, page }) => {
   const API_URL = buildApiUrl('search') + '?q=o';
   await page.route(API_URL, (route) => route.fulfill({

ui/snippets/searchBar/SearchBar.tsx

@@ -120,7 +120,7 @@ const SearchBar = ({ isHomepage }: Props) => {
         />
       </PopoverTrigger>
       <PopoverContent w={ `${ menuWidth.current }px` } maxH={{ base: '300px', lg: '500px' }} overflowY="scroll" ref={ menuRef }>
-        <PopoverBody py={ 6 } sx={ isHomepage ? { mark: { bgColor: 'green.100' } } : {} }>
+        <PopoverBody py={ 6 } sx={ isHomepage ? { mark: { bgColor: 'green.100' } } : {} } color="chakra-body-text">
           { searchTerm.trim().length === 0 && recentSearchKeywords.length > 0 && (
             <SearchBarRecentKeywords onClick={ handleSearchTermChange } onClear={ onClose }/>
           ) }