website refactor

apps/website/components/errors/RecoveryActions.tsx

@@ -2,8 +2,8 @@
 
 import { Button } from '@/ui/Button';
 import { Icon } from '@/ui/Icon';
-import { Stack } from '@/ui/primitives/Stack';
 import { Home, LifeBuoy, RefreshCw } from 'lucide-react';
+import React from 'react';
 
 interface RecoveryActionsProps {
   onRetry: () => void;
@@ -18,19 +18,11 @@ interface RecoveryActionsProps {
  */
 export function RecoveryActions({ onRetry, onHome }: RecoveryActionsProps) {
   return (
-    <Stack 
-      direction="row"
-      wrap
-      align="center" 
-      justify="center" 
-      gap={3} 
-      fullWidth
-    >
+    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '0.75rem', flexWrap: 'wrap', width: '100%' }}>
       <Button 
         variant="primary" 
         onClick={onRetry}
         icon={<Icon icon={RefreshCw} size={4} />}
-        width="160px"
       >
         Retry Session
       </Button>
@@ -38,7 +30,6 @@ export function RecoveryActions({ onRetry, onHome }: RecoveryActionsProps) {
         variant="secondary" 
         onClick={onHome}
         icon={<Icon icon={Home} size={4} />}
-        width="160px"
       >
         Return to Pits
       </Button>
@@ -49,10 +40,9 @@ export function RecoveryActions({ onRetry, onHome }: RecoveryActionsProps) {
         target="_blank"
         rel="noopener noreferrer"
         icon={<Icon icon={LifeBuoy} size={4} />}
-        width="160px"
       >
         Contact Support
       </Button>
-    </Stack>
+    </div>
   );
 }