Updated components build.

src/components/common/ErrorBoundary.tsx

@@ -1,8 +1,7 @@
 import { ErrorInfo, ReactNode } from 'react';
 import { ErrorBoundary as Boundary } from 'react-error-boundary';
-import { Button } from '@umami/react-zen';
+import { Button, Column } from '@umami/react-zen';
 import { useMessages } from '@/components/hooks';
-import styles from './ErrorBoundary.module.css';
 
 const logError = (error: Error, info: ErrorInfo) => {
   // eslint-disable-next-line no-console
@@ -14,12 +13,20 @@ export function ErrorBoundary({ children }: { children: ReactNode }) {
 
   const fallbackRender = ({ error, resetErrorBoundary }) => {
     return (
-      <div className={styles.error} role="alert">
+      <Column
+        role="alert"
+        gap
+        width="100%"
+        height="100%"
+        position="absolute"
+        justifyContent="center"
+        alignItems="center"
+      >
         <h1>{formatMessage(messages.error)}</h1>
         <h3>{error.message}</h3>
         <pre>{error.stack}</pre>
         <Button onClick={resetErrorBoundary}>OK</Button>
-      </div>
+      </Column>
     );
   };