From e7c4ae288624d54767f4b3c0b3d19c291f9f9866 Mon Sep 17 00:00:00 2001
From: sajald77 <sazzaldulal@gmail.com>
Date: Sun, 9 Jul 2023 15:39:28 -0400
Subject: [PATCH] fix: update sponsors logos to be compatible with dark mode

---
 src/pages/grants/components/SponsorList.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/pages/grants/components/SponsorList.tsx b/src/pages/grants/components/SponsorList.tsx
index 8ec12d53c..1186f3cef 100644
--- a/src/pages/grants/components/SponsorList.tsx
+++ b/src/pages/grants/components/SponsorList.tsx
@@ -1,4 +1,4 @@
-import { Box, BoxProps, Image, Link, Text } from '@chakra-ui/react'
+import { Box, BoxProps, HStack, Image, Link, Text } from '@chakra-ui/react'
 import { PropsWithChildren } from 'react'
 import { useTranslation } from 'react-i18next'
 
@@ -35,11 +35,19 @@ export const SponsorList = ({
       <Box ml={2} my={2} display="flex" flexWrap="wrap">
         {sponsors.map((item) =>
           item && item.image ? (
-            <Box key={item.id} mr={3}>
+            <HStack
+              key={item.id}
+              mr={3}
+              background={'white'}
+              px={'12px'}
+              py={'5px'}
+              borderRadius={'20px'}
+              alignItems={'center'}
+            >
               <Link target="_blank" href={item.url || '#'}>
                 <Image src={item.image} alt="sponsor logo" height="30px" />
               </Link>
-            </Box>
+            </HStack>
           ) : null,
         )}
       </Box>