website refactor

apps/website/components/teams/CreateTeamForm.tsx

@@ -5,7 +5,6 @@ import { Button } from '@/ui/Button';
 import { Input } from '@/ui/Input';
 import { TextArea } from '@/ui/TextArea';
 import { useCreateTeam } from "@/hooks/team/useCreateTeam";
-import { Box } from '@/ui/Box';
 import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 import { InfoBanner } from '@/ui/InfoBanner';
@@ -80,7 +79,7 @@ export function CreateTeamForm({ onCancel, onSuccess, onNavigate }: CreateTeamFo
   };
 
   return (
-    <Box as="form" onSubmit={handleSubmit}>
+    <Stack as="form" onSubmit={handleSubmit}>
       <Stack gap={6}>
         <Input
           label="Team Name *"
@@ -125,7 +124,7 @@ export function CreateTeamForm({ onCancel, onSuccess, onNavigate }: CreateTeamFo
           </Stack>
         </InfoBanner>
 
-        <Box display="flex" gap={3}>
+        <Stack display="flex" gap={3}>
           <Button
             type="submit"
             variant="primary"
@@ -144,8 +143,8 @@ export function CreateTeamForm({ onCancel, onSuccess, onNavigate }: CreateTeamFo
               Cancel
             </Button>
           )}
-        </Box>
+        </Stack>
       </Stack>
-    </Box>
+    </Stack>
   );
 }