Small UI improvements

thesis · Mar 21, 2024 · f01bb0e · f01bb0e
1 parent eaad94a
commit f01bb0e
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/dapp/src/components/TransactionModal/ActiveStakingStep/StakingErrorModal/RetryModal.tsx b/dapp/src/components/TransactionModal/ActiveStakingStep/StakingErrorModal/RetryModal.tsx
@@ -42,16 +42,20 @@ export default function RetryModal({ retry }: { retry: () => void }) {
           Your deposit didn&apos;t go through but no worries, your funds are
           safe.
         </TextMd>
-        <HStack>
-          <TextMd>
-            Auto-retry in <Text as="b">{`0:${data.seconds}`}</Text>
-          </TextMd>
+        <HStack gap={1}>
+          <TextMd>Auto-retry in</TextMd>
+          <TextMd
+            fontWeight="bold"
+            textAlign="left"
+            minW={9}
+          >{`0:${data.seconds}`}</TextMd>
           <Box
             w={3}
             h={3}
             aspectRatio={1}
             borderRadius="50%"
             background={`conic-gradient(transparent ${progressPercent}%, var(--chakra-colors-brand-400) 0)`}
+            transform="scaleX(-1)"
             transition="background"
           />
           <Box />