website refactor

apps/website/components/drivers/DriverSearchBar.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Group } from '@/ui/Group';
+import { Box } from '@/ui/Box';
 import { Input } from '@/ui/Input';
 import { Search } from 'lucide-react';
 
@@ -11,13 +11,14 @@ interface DriverSearchBarProps {
 
 export function DriverSearchBar({ query, onChange }: DriverSearchBarProps) {
   return (
-    <Group fullWidth>
+    <Box as="div" width="full" maxWidth="400px">
       <Input
         value={query}
         onChange={(e) => onChange(e.target.value)}
-        placeholder="Search drivers by name or nationality..."
-        icon={<Search size={20} />}
+        placeholder="Search competitors..."
+        icon={<Search size={16} />}
+        size="sm"
       />
-    </Group>
+    </Box>
   );
 }