diff --git a/app/screens/onboarding/footer_buttons.tsx b/app/screens/onboarding/footer_buttons.tsx
index cf01c3ce2..9bda80644 100644
--- a/app/screens/onboarding/footer_buttons.tsx
+++ b/app/screens/onboarding/footer_buttons.tsx
@@ -22,6 +22,8 @@ type Props = {
const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
button: {
marginTop: 5,
+ justifyContent: 'center',
+ alignItems: 'center',
},
rowIcon: {
color: theme.buttonColor,
@@ -32,6 +34,8 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
nextButtonText: {
flexDirection: 'row',
position: 'absolute',
+ justifyContent: 'center',
+ width: 120,
},
signInButtonText: {
flexDirection: 'row',
@@ -47,7 +51,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
}));
const AnimatedButton = Animated.createAnimatedComponent(Pressable);
-const BUTTON_SIZE = 100;
+const BUTTON_SIZE = 120;
const FooterButtons = ({
theme,
diff --git a/app/screens/onboarding/illustrations/integrations.tsx b/app/screens/onboarding/illustrations/integrations.tsx
index 56c9c584b..310a29a45 100644
--- a/app/screens/onboarding/illustrations/integrations.tsx
+++ b/app/screens/onboarding/illustrations/integrations.tsx
@@ -296,33 +296,21 @@ const IntegrationsSvg = ({theme, styles}: Props) => {
strokeOpacity={0.16}
/>
-
-
-