website refactor

apps/website/components/leagues/RosterTable.tsx

@@ -1,5 +1,4 @@
 import React, { ReactNode } from 'react';
-import { Box } from '@/ui/Box';
 import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 import { Table, TableHead, TableBody, TableRow, TableHeader, TableCell } from '@/ui/Table';
@@ -11,7 +10,7 @@ interface RosterTableProps {
 
 export function RosterTable({ children, columns = ['Driver', 'Role', 'Joined', 'Rating', 'Rank'] }: RosterTableProps) {
   return (
-    <Box border borderColor="border-steel-grey" bg="surface-charcoal/50" overflow="hidden">
+    <Stack border borderColor="border-steel-grey" bg="surface-charcoal/50" overflow="hidden">
       <Table>
         <TableHead className="bg-base-graphite/50">
           <TableRow>
@@ -31,7 +30,7 @@ export function RosterTable({ children, columns = ['Driver', 'Role', 'Joined', '
           {children}
         </TableBody>
       </Table>
-    </Box>
+    </Stack>
   );
 }