website refactor

apps/website/components/teams/TeamsDirectoryHeader.tsx

@@ -2,7 +2,6 @@
 
 import React from 'react';
 import { Plus } from 'lucide-react';
-import { Box } from '@/ui/Box';
 import { Stack } from '@/ui/Stack';
 import { Heading } from '@/ui/Heading';
 import { Text } from '@/ui/Text';
@@ -25,7 +24,7 @@ export function TeamsDirectoryHeader({ onCreateTeam }: TeamsDirectoryHeaderProps
       borderColor="outline-steel" 
       pb={6}
     >
-      <Box>
+      <Stack>
         <Heading level={1} weight="bold">Teams</Heading>
         <Text 
           color="text-gray-500" 
@@ -37,8 +36,8 @@ export function TeamsDirectoryHeader({ onCreateTeam }: TeamsDirectoryHeaderProps
         >
           Operational Units & Racing Collectives
         </Text>
-      </Box>
-      <Box>
+      </Stack>
+      <Stack>
         <Button 
           variant="primary" 
           onClick={onCreateTeam}
@@ -46,7 +45,7 @@ export function TeamsDirectoryHeader({ onCreateTeam }: TeamsDirectoryHeaderProps
         >
           Initialize Team
         </Button>
-      </Box>
+      </Stack>
     </Stack>
   );
 }