diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/AboutRecoveryPhraseScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/AboutRecoveryPhraseScreen.tsx
index ab08bd0d03..0224b4e66a 100644
--- a/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/AboutRecoveryPhraseScreen.tsx
+++ b/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/AboutRecoveryPhraseScreen.tsx
@@ -1,10 +1,11 @@
import {useFocusEffect, useNavigation} from '@react-navigation/native'
import {useTheme} from '@yoroi/theme'
import * as React from 'react'
-import {Linking, StyleSheet, Text, View} from 'react-native'
+import {Linking, ScrollView, StyleSheet, Text, View} from 'react-native'
import {SafeAreaView} from 'react-native-safe-area-context'
+import {ViewProps} from 'react-native-svg/lib/typescript/fabric/utils'
-import {Button} from '../../../../components'
+import {Button, Spacer} from '../../../../components'
import {Space} from '../../../../components/Space/Space'
import {useMetrics} from '../../../../metrics/metricsManager'
import {WalletInitRouteNavigation} from '../../../../navigation'
@@ -34,7 +35,7 @@ export const AboutRecoveryPhraseScreen = () => {
return (
-
+
@@ -54,21 +55,27 @@ export const AboutRecoveryPhraseScreen = () => {
strings.aboutRecoveryPhraseCardFifthItem(bold),
]}
/>
+
-
+
+
+
-
-
+
-
)
}
+const Actions = ({style, ...props}: ViewProps) =>
+
const useBold = () => {
const {styles} = useStyles()
@@ -82,8 +89,6 @@ const useStyles = () => {
const styles = StyleSheet.create({
root: {
flex: 1,
- ...theme.padding['x-l'],
- justifyContent: 'space-between',
backgroundColor: theme.color['white-static'],
},
aboutRecoveryPhraseTitle: {
@@ -94,6 +99,12 @@ const useStyles = () => {
bolder: {
...theme.typography['body-1-l-medium'],
},
+ actions: {
+ ...theme.padding['l'],
+ },
+ scroll: {
+ ...theme.padding['x-l'],
+ },
})
return {styles} as const