website refactor

apps/website/components/teams/TeamSearchBar.tsx

@@ -1,9 +1,8 @@
 
 
-import { Box } from '@/ui/Box';
+import { Stack } from '@/ui/Stack';
 import { Icon } from '@/ui/Icon';
 import { Input } from '@/ui/Input';
-import { Stack } from '@/ui/Stack';
 import { Search } from 'lucide-react';
 
 interface TeamSearchBarProps {
@@ -13,9 +12,9 @@ interface TeamSearchBarProps {
 
 export function TeamSearchBar({ searchQuery, onSearchChange }: TeamSearchBarProps) {
   return (
-    <Box id="teams-list" mb={6}>
+    <Stack id="teams-list" mb={6}>
       <Stack direction="row" gap={4} wrap>
-        <Box flexGrow={1}>
+        <Stack flexGrow={1}>
           <Input
             type="text"
             placeholder="Search teams by name, description, region, or language..."
@@ -23,8 +22,8 @@ export function TeamSearchBar({ searchQuery, onSearchChange }: TeamSearchBarProp
             onChange={(e) => onSearchChange(e.target.value)}
             icon={<Icon icon={Search} size={5} color="var(--text-gray-500)" />}
           />
-        </Box>
+        </Stack>
       </Stack>
-    </Box>
+    </Stack>
   );
 }