From 31a780b13df5c6f2c843219710864b28c33a60e4 Mon Sep 17 00:00:00 2001
From: lukaw3d <lukajeran@oasislabs.com>
Date: Wed, 24 Apr 2024 17:54:02 +0200
Subject: [PATCH] Reduce loading text size

---
 .changelog/1937.trivial.md                                  | 1 +
 src/app/components/Persist/PersistLoadingGate.tsx           | 2 +-
 src/app/components/TransactionModal/index.tsx               | 6 +++---
 src/app/pages/AccountPage/index.tsx                         | 4 ++--
 .../Features/ImportAccountsSelectionModal/index.tsx         | 2 +-
 5 files changed, 8 insertions(+), 7 deletions(-)
 create mode 100644 .changelog/1937.trivial.md

diff --git a/.changelog/1937.trivial.md b/.changelog/1937.trivial.md
new file mode 100644
index 0000000000..7225b792a3
--- /dev/null
+++ b/.changelog/1937.trivial.md
@@ -0,0 +1 @@
+Reduce loading text size
diff --git a/src/app/components/Persist/PersistLoadingGate.tsx b/src/app/components/Persist/PersistLoadingGate.tsx
index 8613f77592..2f88896322 100644
--- a/src/app/components/Persist/PersistLoadingGate.tsx
+++ b/src/app/components/Persist/PersistLoadingGate.tsx
@@ -24,7 +24,7 @@ export function PersistLoadingGate(props: Props) {
         <Layer modal background="background-front" responsive={false}>
           <Box pad="medium" gap="medium" direction="row" align="center">
             <Spinner size="medium" />
-            <Text size="large">{t('persist.loading', 'Loading')}</Text>
+            <Text size="medium">{t('persist.loading', 'Loading')}</Text>
           </Box>
         </Layer>
       )}
diff --git a/src/app/components/TransactionModal/index.tsx b/src/app/components/TransactionModal/index.tsx
index 814197d8b0..3c4ade54f6 100644
--- a/src/app/components/TransactionModal/index.tsx
+++ b/src/app/components/TransactionModal/index.tsx
@@ -107,19 +107,19 @@ export function TransactionModal() {
         {step === TransactionStep.Building && (
           <Box direction="row" align="center" gap="medium">
             <Spinner size="medium" />
-            <Text size="large">{t('transaction.step.building', 'Building transaction')}</Text>
+            <Text size="medium">{t('transaction.step.building', 'Building transaction')}</Text>
           </Box>
         )}
         {step === TransactionStep.Signing && (
           <Box direction="row" align="center" gap="medium">
             <Spinner size="medium" />
-            <Text size="large">{t('transaction.step.signing', 'Signing transaction')}</Text>
+            <Text size="medium">{t('transaction.step.signing', 'Signing transaction')}</Text>
           </Box>
         )}
         {step === TransactionStep.Submitting && (
           <Box direction="row" align="center" gap="medium">
             <Spinner size="medium" />
-            <Text size="large">{t('transaction.step.submitting', 'Submitting transaction')}</Text>
+            <Text size="medium">{t('transaction.step.submitting', 'Submitting transaction')}</Text>
           </Box>
         )}
       </Box>
diff --git a/src/app/pages/AccountPage/index.tsx b/src/app/pages/AccountPage/index.tsx
index cdec66ecf7..c44e60222b 100644
--- a/src/app/pages/AccountPage/index.tsx
+++ b/src/app/pages/AccountPage/index.tsx
@@ -108,9 +108,9 @@ export function AccountPage(props: AccountPageProps) {
       {active && <TransactionModal />}
       {(stake.loading || account.loading) && (
         <Layer modal background="background-front" responsive={false}>
-          <Box pad="medium" gap="medium" direction="row" align="center">
+          <Box pad="medium" gap="medium" direction="row" align="center" width="max-content">
             <Spinner size="medium" />
-            <Text size="large">{t('account.loading', 'Loading account')}</Text>
+            <Text size="medium">{t('account.loading', 'Loading account')}</Text>
           </Box>
         </Layer>
       )}
diff --git a/src/app/pages/OpenWalletPage/Features/ImportAccountsSelectionModal/index.tsx b/src/app/pages/OpenWalletPage/Features/ImportAccountsSelectionModal/index.tsx
index 7e9ebf9ec6..bfdb92d356 100644
--- a/src/app/pages/OpenWalletPage/Features/ImportAccountsSelectionModal/index.tsx
+++ b/src/app/pages/OpenWalletPage/Features/ImportAccountsSelectionModal/index.tsx
@@ -112,7 +112,7 @@ export function ImportAccountsSelectionModal(props: ImportAccountsSelectionModal
               <Box direction="row" gap="medium" alignContent="center" pad={{ top: 'small' }}>
                 <Spinner size="medium" />
                 <Box alignSelf="center">
-                  <Text size="xlarge">
+                  <Text size="medium">
                     <ImportAccountsStepFormatter step={importAccounts.step} />
                   </Text>
                 </Box>