diff --git a/native/account/registration/keyserver-selection.react.js b/native/account/registration/keyserver-selection.react.js
--- a/native/account/registration/keyserver-selection.react.js
+++ b/native/account/registration/keyserver-selection.react.js
@@ -1,5 +1,6 @@
 // @flow
 
+import { useHeaderHeight } from '@react-navigation/elements';
 import * as React from 'react';
 import { View, Text } from 'react-native';
 
@@ -14,8 +15,18 @@
 // eslint-disable-next-line no-unused-vars
 function KeyserverSelection(props: Props): React.Node {
   const styles = useStyles(unboundStyles);
+
+  const headerHeight = useHeaderHeight();
+  const backgroundStyle = React.useMemo(
+    () => ({
+      ...styles.background,
+      marginTop: headerHeight,
+    }),
+    [headerHeight, styles.background],
+  );
+
   return (
-    <View style={styles.background}>
+    <View style={backgroundStyle}>
       <Text style={styles.testText}>Test Hello Test</Text>
     </View>
   );
diff --git a/native/account/registration/registration-navigator.react.js b/native/account/registration/registration-navigator.react.js
--- a/native/account/registration/registration-navigator.react.js
+++ b/native/account/registration/registration-navigator.react.js
@@ -26,6 +26,14 @@
   RegistrationParamList,
   StackNavigationHelpers<ScreenParamList>,
 >();
+
+const screenOptions = {
+  headerTransparent: true,
+  headerBackTitleVisible: false,
+  headerTitle: '',
+  headerTintColor: 'white',
+};
+
 type Props = {
   +navigation: RootNavigationProp<'Registration'>,
   ...
@@ -35,7 +43,7 @@
   const styles = useStyles(unboundStyles);
   return (
     <View style={styles.view}>
-      <Registration.Navigator>
+      <Registration.Navigator screenOptions={screenOptions}>
         <Registration.Screen
           name={KeyserverSelectionRouteName}
           component={KeyserverSelection}