From 4d3269b768aad4bbec13624e98fe15bee50e1bfd Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Mon, 31 Aug 2026 22:14:59 +0300
Subject: [PATCH] error screen tweaks

---
 src/ageAssurance/components/DataUnavailableScreen.tsx | 4 ++--
 src/components/Error.tsx                              | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/ageAssurance/components/DataUnavailableScreen.tsx b/src/ageAssurance/components/DataUnavailableScreen.tsx
index 5f4f9b84c2..608cd69459 100644
--- a/src/ageAssurance/components/DataUnavailableScreen.tsx
+++ b/src/ageAssurance/components/DataUnavailableScreen.tsx
@@ -3,7 +3,7 @@ import {useLingui} from '@lingui/react/macro'
 
 import {usePdsClient, useSessionApi} from '#/state/session'
 import {Error} from '#/components/Error'
-import {EmojiSad_Stroke2_Corner0_Rounded as EmojiSad} from '#/components/icons/Emoji'
+import {EmojiSad_Stroke2_Corner0_Rounded as EmojiSadIcon} from '#/components/icons/Emoji'
 import {refetchOtherRequiredData} from '#/ageAssurance/data'
 import {IS_WEB} from '#/env'
 
@@ -26,7 +26,7 @@ export function DataUnavailableScreen() {
 
   return (
     <Error
-      icon={EmojiSad}
+      icon={EmojiSadIcon}
       title={l`Unable to load your account`}
       message={l`We couldn't load your account settings. Check your internet connection and try again.`}
       onRetry={onRetry}
diff --git a/src/components/Error.tsx b/src/components/Error.tsx
index 9b21d36456..a8739ce35a 100644
--- a/src/components/Error.tsx
+++ b/src/components/Error.tsx
@@ -46,9 +46,11 @@ export function Error({
         t.atoms.border_contrast_low,
         {paddingTop: 175, paddingBottom: 110},
       ]}>
-      <View style={[a.w_full, a.align_center, a.gap_lg]}>
+      <View style={[a.w_full, a.align_center, a.gap_lg, a.px_md]}>
         {Icon && <Icon size="4xl" fill={t.atoms.text_contrast_medium.color} />}
-        <Text style={[a.font_semi_bold, a.text_3xl]}>{title}</Text>
+        <Text style={[a.font_semi_bold, a.text_3xl, a.text_center]}>
+          {title}
+        </Text>
         <Text
           style={[
             a.text_md,
@@ -63,7 +65,6 @@ export function Error({
       <View style={[a.gap_md, gtMobile ? {width: 350} : [a.w_full, a.px_lg]]}>
         {onRetry && (
           <Button
-            variant="solid"
             color="primary"
             label={l`Press to retry`}
             onPress={onRetry}
@@ -77,7 +78,6 @@ export function Error({
         )}
         {!hideBackButton && secondaryAction ? (
           <Button
-            variant="solid"
             color={onRetry ? 'secondary' : 'primary'}
             label={secondaryAction.accessibilityLabel ?? secondaryAction.label}
             onPress={secondaryAction.onPress}