website refactor

apps/website/components/sponsors/SponsorActivityItem.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import { Box } from '@/ui/Box';
 import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 
@@ -18,8 +17,8 @@ export function SponsorActivityItem({
 }: SponsorActivityItemProps) {
   return (
     <Stack direction="row" align="start" gap={3} py={3} borderBottom={true} borderColor="border-charcoal-outline/50">
-      <Box width="2" height="2" rounded="full" mt={2} className={typeColor} flexShrink={0} />
-      <Box flexGrow={1} minWidth="0">
+      <Stack width="2" height="2" rounded="full" mt={2} className={typeColor} flexShrink={0} />
+      <Stack flexGrow={1} minWidth="0">
         <Text size="sm" color="text-white" block truncate>{message}</Text>
         <Stack direction="row" align="center" gap={2} mt={1}>
           <Text size="xs" color="text-gray-500">{time}</Text>
@@ -30,7 +29,7 @@ export function SponsorActivityItem({
             </>
           )}
         </Stack>
-      </Box>
+      </Stack>
     </Stack>
   );
 }