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} /> - - -