Improve not found page

1 files changed, 12 insertions, 3 deletions

diff --git a/src/view/screens/NotFound.tsx b/src/view/screens/NotFound.tsx
index 2483da1e6..6b196500d 100644
--- a/src/view/screens/NotFound.tsx
+++ b/src/view/screens/NotFound.tsx
@@ -1,13 +1,22 @@
 import React from 'react'
 import {Text, Button, View} from 'react-native'
+import {ViewHeader} from '../com/util/ViewHeader'
 import {useStores} from '../../state'
 
 export const NotFound = () => {
   const stores = useStores()
   return (
-    <View style={{justifyContent: 'center', alignItems: 'center'}}>
-      <Text style={{fontSize: 20, fontWeight: 'bold'}}>Page not found</Text>
-      <Button title="Home" onPress={() => stores.nav.navigate('/')} />
+    <View>
+      <ViewHeader title="Page not found" />
+      <View
+        style={{
+          justifyContent: 'center',
+          alignItems: 'center',
+          paddingTop: 100,
+        }}>
+        <Text style={{fontSize: 40, fontWeight: 'bold'}}>Page not found</Text>
+        <Button title="Home" onPress={() => stores.nav.navigate('/')} />
+      </View>
     </View>
   )
 }