src/app/(main)/UpdateNotice.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useCallback, useState } from 'react';
-import { Button, AlertBanner, Column, Row } from '@umami/react-zen';
+import { Button, AlertBanner, Flexbox } from '@umami/react-zen';
 import { setItem } from '@/lib/storage';
 import { useVersion, checkVersion } from '@/store/version';
 import { REPO_URL, VERSION_CHECK } from '@/lib/constants';
@@ -47,15 +47,13 @@ export function UpdateNotice({ user, config }) {
   }
 
   return (
-    <Column justifyContent="center" alignItems="center" position="fixed" top="10px" width="100%">
+    <Flexbox justifyContent="space-between" alignItems="center">
-      <Row width="600px">
+      <AlertBanner title={formatMessage(messages.newVersionAvailable, { version: `v${latest}` })}>
-        <AlertBanner title={formatMessage(messages.newVersionAvailable, { version: `v${latest}` })}>
+        <Button variant="primary" onPress={handleViewClick}>
-          <Button variant="primary" onPress={handleViewClick}>
+          {formatMessage(labels.viewDetails)}
-            {formatMessage(labels.viewDetails)}
+        </Button>
-          </Button>
+        <Button onPress={handleDismissClick}>{formatMessage(labels.dismiss)}</Button>
-          <Button onPress={handleDismissClick}>{formatMessage(labels.dismiss)}</Button>
+      </AlertBanner>
-        </AlertBanner>
+    </Flexbox>
-      </Row>
-    </Column>
   );
 }