website refactor

apps/website/components/errors/ErrorRecoveryActions.tsx

@@ -2,9 +2,9 @@
 
 import React from 'react';
 import { RefreshCw, Home } from 'lucide-react';
-import { Box } from '@/ui/Box';
 import { Button } from '@/ui/Button';
 import { Icon } from '@/ui/Icon';
+import { Stack } from '@/ui/Stack';
 
 interface ErrorRecoveryActionsProps {
   onRetry: () => void;
@@ -19,11 +19,11 @@ interface ErrorRecoveryActionsProps {
  */
 export function ErrorRecoveryActions({ onRetry, onHome }: ErrorRecoveryActionsProps) {
   return (
-    <Box 
-      display="flex" 
-      flexWrap="wrap" 
-      alignItems="center" 
-      justifyContent="center" 
+    <Stack 
+      direction="row"
+      wrap
+      align="center" 
+      justify="center" 
       gap={3} 
       fullWidth
     >
@@ -43,6 +43,6 @@ export function ErrorRecoveryActions({ onRetry, onHome }: ErrorRecoveryActionsPr
       >
         Return to Pits
       </Button>
-    </Box>
+    </Stack>
   );
 }