website refactor

apps/website/components/errors/RecoveryActions.tsx

@@ -2,6 +2,7 @@
 
 import { Button } from '@/ui/Button';
 import { Icon } from '@/ui/Icon';
+import { Group } from '@/ui/Group';
 import { Home, LifeBuoy, RefreshCw } from 'lucide-react';
 import React from 'react';
 
@@ -18,7 +19,7 @@ interface RecoveryActionsProps {
  */
 export function RecoveryActions({ onRetry, onHome }: RecoveryActionsProps) {
   return (
-    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '0.75rem', flexWrap: 'wrap', width: '100%' }}>
+    <Group gap={3} justify="center" wrap fullWidth>
       <Button 
         variant="primary" 
         onClick={onRetry}
@@ -43,6 +44,6 @@ export function RecoveryActions({ onRetry, onHome }: RecoveryActionsProps) {
       >
         Contact Support
       </Button>
-    </div>
+    </Group>
   );
 }