fix(ramp): loading fox position

MetaMask · Mar 12, 2024 · 033892b · 033892b
1 parent d47b4ab
commit 033892b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/components/UI/Ramp/Views/Quotes/__snapshots__/Quotes.test.tsx.snap b/app/components/UI/Ramp/Views/Quotes/__snapshots__/Quotes.test.tsx.snap
@@ -1247,6 +1247,7 @@ exports[`Quotes renders animation on first fetching 1`] = `
                                 pointerEvents="none"
                                 style={
                                   Object {
+                                    "alignSelf": "center",
                                     "height": 260,
                                     "width": 260,
                                   }

diff --git a/app/components/UI/Ramp/components/LoadingAnimation/index.tsx b/app/components/UI/Ramp/components/LoadingAnimation/index.tsx
@@ -61,6 +61,7 @@ const createStyles = (
     foxContainer: {
       width: STAGE_SIZE,
       height: STAGE_SIZE,
+      alignSelf: 'center',
     },
   });
 
@@ -161,9 +162,7 @@ function LoadingAnimation({
   return (
     <View style={styles.screen}>
       <View style={styles.content}>
-        <>
-          <Title centered>{title}</Title>
-        </>
+        <Title centered>{title}</Title>
 
         <View style={styles.progressWrapper}>
           <Animated.View style={[styles.progressBar, progressStyle]} />