fix: update offline notice style

web/app/components/base/toast/index.tsx

@@ -59,7 +59,7 @@ const Toast = ({
     }`}
     />
     <div className={`flex ${size === 'md' ? 'gap-1' : 'gap-0.5'}`}>
-      <div className={`flex justify-center items-center ${size === 'md' ? 'p-0.5' : 'p-1'}`}>
+      <div className={`flex justify-center items-start ${size === 'md' ? 'p-0.5' : 'p-1'}`}>
         {type === 'success' && <RiCheckboxCircleFill className={`${size === 'md' ? 'w-5 h-5' : 'w-4 h-4'} text-text-success`} aria-hidden="true" />}
         {type === 'error' && <RiErrorWarningFill className={`${size === 'md' ? 'w-5 h-5' : 'w-4 h-4'} text-text-destructive`} aria-hidden="true" />}
         {type === 'warning' && <RiAlertFill className={`${size === 'md' ? 'w-5 h-5' : 'w-4 h-4'} text-text-warning-secondary`} aria-hidden="true" />}

web/app/components/sentry-initor.tsx

@@ -17,7 +17,7 @@ const SentryInit = ({
       type: 'warning',
       message: t('common.offlineNotice'),
       duration: 60000,
-      className: 'fixed left-1/2 -translate-x-1/2',
+      className: 'fixed left-1/2 -translate-x-1/2 !w-[520px]',
     })
   }, [t])
   useEffect(() => {