fix: text spacing on verify guardians screen

Kodylow · Nov 9, 2023 · 604c6e5 · 604c6e5
1 parent 575e15d
commit 604c6e5
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/apps/guardian-ui/src/components/VerifyGuardians.tsx b/apps/guardian-ui/src/components/VerifyGuardians.tsx
@@ -257,12 +257,16 @@ const WaitingForVerification: React.FC<{ verifiedConfigs: boolean }> = ({
 }) => {
   const { t } = useTranslation();
 
-  return verifiedConfigs ? (
-    <Text>{t('verify-guardians.all-guardians-verified')}</Text>
-  ) : (
-    <>
-      <Spinner />
-      <Text>{t('verify-guardians.wait-all-guardians-verification')}</Text>
-    </>
+  return (
+    <Flex direction='column' height='100%' my={'auto'}>
+      {verifiedConfigs ? (
+        <Text>{t('verify-guardians.all-guardians-verified')}</Text>
+      ) : (
+        <>
+          <Spinner />
+          <Text>{t('verify-guardians.wait-all-guardians-verification')}</Text>
+        </>
+      )}
+    </Flex>
   );
 };