website refactor

apps/website/templates/RaceStewardingTemplate.tsx

@@ -46,7 +46,7 @@ export function RaceStewardingTemplate({
 
   if (isLoading) {
     return (
-      <Container size="lg" py={12}>
+      <Container size="lg" spacing="lg">
         <Stack alignItems="center">
           <Text color="text-gray-400">Loading stewarding data...</Text>
         </Stack>
@@ -56,7 +56,7 @@ export function RaceStewardingTemplate({
 
   if (!viewData?.race) {
     return (
-      <Container size="md" py={12}>
+      <Container size="md" spacing="lg">
         <Box bg="bg-surface-charcoal" border borderColor="border-outline-steel" p={12} textAlign="center" rounded="xl">
           <Stack alignItems="center" gap={4}>
             <Text as="h2" size="xl" weight="bold" color="text-white">Race Not Found</Text>
@@ -94,7 +94,7 @@ export function RaceStewardingTemplate({
         onBack={onBack}
       />
 
-      <Container size="lg" py={8}>
+      <Container size="lg" spacing="md">
         <Stack gap={8}>
           <Grid cols={12} gap={6}>
             <GridItem colSpan={12} lgSpan={8}>