website refactor

apps/website/components/races/ImportResultsForm.tsx

@@ -5,9 +5,8 @@ import { AlertCircle } from 'lucide-react';
 import { useInject } from '@/lib/di/hooks/useInject';
 import { RACE_RESULTS_SERVICE_TOKEN } from '@/lib/di/tokens';
 import { FilePicker } from '@/ui/FilePicker';
-import { Box } from '@/ui/Box';
-import { Text } from '@/ui/Text';
 import { Stack } from '@/ui/Stack';
+import { Text } from '@/ui/Text';
 import { InfoBox } from '@/ui/InfoBox';
 
 interface ImportResultsFormProps {
@@ -69,15 +68,15 @@ export function ImportResultsForm({ raceId, onSuccess, onError }: ImportResultsF
         </Text>
       )}
 
-      <Box p={4} bg="bg-iron-gray/20" rounded="lg">
+      <Stack p={4} bg="bg-iron-gray/20" rounded="lg">
         <Text weight="semibold" block mb={2} size="xs" color="text-gray-500">CSV Example:</Text>
-        <Box as="pre" color="text-gray-400">
+        <Stack as="pre" color="text-gray-400">
 {`driverId,position,fastestLap,incidents,startPosition
 550e8400-e29b-41d4-a716-446655440001,1,92.456,0,3
 550e8400-e29b-41d4-a716-446655440002,2,92.789,1,1
 550e8400-e29b-41d4-a716-446655440003,3,93.012,2,2`}
-        </Box>
-      </Box>
+        </Stack>
+      </Stack>
     </Stack>
   );
 }